HTML5菜鸟入门指导:简介、平台搭建、示例演示
HTML5菜鸟入门指导:简介、平台搭建、示例演示
一、HTML5简介
1、 了解HTML
(1)、什么是HTML?
HTML是用来描述网页的一种语言;
HTML指超文本标记语言(Hyper Text Markup Language)
HTML不是变成语言,是一种标记语言
(2)、版本
HTML出现于1991年
HTML+出现于1993年
HTML2.0出现于1995年
HTML3.2出现于1997年
HTML4.01出现于1999年
XHTML1.0出现于2000年
HTML5出现于2012年(备受关注,2008年就出现了其草案)
XHTML5出现于2013年
2、HTML5相关知识
学好HTML5要学好以下知识:
HTML
XHTML
Css
Css3
JavaScript
JQuery
HTML5
3、HTML5的新特性
(1)、用于绘画的canvas标签
(2)、用于媒介回放的video和audio元素
(3)、对本地离线存储的更好支持
(4)、新的特殊内容元素
如:article/footer/header/nav/section等
(5)、新的表单控件
如:calendar/data/time/email/url/search等
(6)、浏览器的支持
如:Safari/Chrome/Firefox以及Opera包括IE9等都基本支持了HTML5。
二、HTML5集成开发环境的搭建
所采用的软件平台:IntelliJ IDEA
IntelliJIDEA下载地址: http://www.jetbrains.com/idea/download/
(注:请根据自己的电脑系统下载Ultimate版本,试用期30天,功能更齐全,不推荐下载Community免费版本,因为部分重要的功能不支持)
下面介绍软件使用方法:
1、 打开软件界面,点击CreateNew Project
2、选择Static Web中的Static Web,点击Next
3、输入项目名称并指定项目路径
点击Finish,出现如下界面
4、在项目上右击,选择New,新建HTML5 file,点击OK,出现模板。
到这儿,集成环境就搭建完毕了。关于如何具体使用,请不要走开。
三、示例演示
1、首先创建index.html,这一步上面已经说过了。请完成下图中的代码。
2、再新建一个index01.html,对于初学者可以把自己的code代码放在这儿,后面就知道为什么再新建一个index01.html了。
3、运行
把鼠标放在代码框的右上角,会出现如下图标志。
4、点击最后一个图标,即IE浏览器,出现如下结果。
注:关于lena这幅图,是因为<img src="data:images/lena.png">,我们之前新建了一个文件夹存放图片,如下图。
截止到这儿,相信菜鸟也应该会使用HTML5了吧。。。。
关于HTML5必须学习的相关知识后续中。。。。
HTML5菜鸟入门指导:简介、平台搭建、示例演示相关推荐
- 泰凌微8258入门指导1-环境搭建
泰凌微8258入门指导1-环境搭建 第一步:准备工作 (1)下载对应SDK包 (2)安装jdk环境 (2)安装esclipe编译器 (3)对SDK进行补丁 (4)烧录环境 第一步:准备工作 (1)下载 ...
- linux搭建虚拟化平台报告,部署KVM虚拟化平台------搭建(示例代码)
一 .部署KVM虚拟化平台 hyper-v是windows中的虚拟化 1.KVM模块直接整合在Linux内核中,kvm是内核模块,虚拟机与kvm模块之间为管理工具 2.KVM组成 1.KVM Driv ...
- RabbitMQ入门(简介、搭建环境、五种工作模式)介绍
1. RabbitMQ介绍 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然在同步消 ...
- linux小菜鸟入门,《Linux菜鸟入门》初识linux基础(示例代码)
初识linux 一 进入系统 1.用户 普通用户 : student 密码: student 超级用户 : 点击 not listed username :root password: redh ...
- (一)性能实时监控平台搭建(Grafana+Influxdb+Jmeter)
前言 主要介绍使用Docker安装Grafana+Influxdb结合Jmeter搭建可视化监控平台 正文 使用Docker搭建influxdb数据库服务 创建influxdb容器 命令:docker ...
- kafka入门:简介、使用场景、设计原理、主要配置及集群搭建
为什么80%的码农都做不了架构师?>>> kafka入门:简介.使用场景.设计原理.主要配置及集群搭建(转) 问题导读: 1.zookeeper在kafka的作用是什么? 2. ...
- 【官方搭建入门】JEECG 平台开发环境搭建必读
[官方搭建入门]JEECG 平台开发环境搭建必读 下载地址:http://git.oschina.net/jeecg/jeecg 1. 标准开发环境:eclipse + maven + jdk7 + ...
- 树莓派4b入门之开发RFID系统—简介、搭建MFRC522-SPI环境
树莓派4b入门之开发RFID系统-简介.搭建MFRC522-SPI环境 一.系统简介 二.模块连接 1.引脚定义 2.接口对应关系 三.搭建接口环境 1.开启SPI 2.模块功能设计 3.安装SPI ...
- html5css3菜鸟教程,HTML5+CSS3实现拖放(Drag and Drop)示例
本文简单介绍一下HTML5的拖放实现.MXGHTML5中文学习网 - HTML5先行者学习网 拖放(Drag 和 drop)是 HTML5 标准的组成部分.MXGHTML5中文学习网 - HTML5先 ...
最新文章
- li 在 UL 中居中均匀显示
- PyCharm缺少cv2模块怎么办?怎样在PyCharm中安装自己需要的package?
- ssm 跨库查询_SSM使用AbstractRoutingDataSource后究竟如何解决跨库事务
- service network restart重启失败_NodeManager 启动失败问题处理
- Spring Security 3.0控制一个帐号只允许登录一次的问题
- (已解决) centos6.5 yum源 失效 The whole CentOS 6 is dead and shouldn’t be used anywhere at all
- 【设计模式】建造者模式(生成器模式)
- neo4j安装与示例
- java mysql时间格式化字符串_java将日期时间字符串转成日期插入到oracle的date字段...
- 用DSA或者RSA进行加密或者数字签名
- 东南大学毕业论文latex模板
- centos 7.6上面安装向日葵远程连接软件
- mysql order by注入_sql注入之order by注入
- Springboot整合redis切库问题
- 小游戏“程序猿大战产品*那啥”
- 浏览器提示网站证书过期或还未生效
- 还在背面试题?听小米面试官怎么说?【面试官教你如何对线面试官】
- macOS 和 Linux 有什么区别?
- Android 仿朋友圈单张图片限定宽高超出时按比例缩放效果实现
- Java PDF 水印
热门文章
- Cadence Allegro 查看电路板覆铜率的方法图文教程及视频演示
- av_probe_input_buffer函数中的数据流向
- 项目数据字典数据导入导出
- BlockChain技术系列(三)- fabric协议介绍
- 华为智能音箱真的来了,一大波手机厂商也随后就到
- 观察装柜一个月的装柜波动
- 先来先服务算法、运行时间最短者优先算法和最高响应比优先调度算法_CPU的调度器scheduler...
- 【机械】基于matlab模拟打桩机运动学仿真附matlab代码
- iKcamp出品|微信小程序|小试牛刀(视频)+发布流程|基于最新版1.0开发者工具初中级教程分享
- 工业控制计算机是微型计算机吗,计算机工业控制复习题及答案