1 HTML开发的工具
各种文本编辑工具都可以做开发工具，但是我们使用HBuilder做为开发的工具，在HBuilder中新建项目，添加三个文件夹:css,js,image，新建html页面。
1.1 HTML的运行工具
各种浏览器，建议使用火狐浏览器
1.2 HTML的结构
页面的相关信息的描述，包括搜索关键字，页面的有效期，是否刷新，页面编码
主体部分，所有显示在页面上的内容都放在这里2什么是HTML
HTML：Hyper Text Markup Language 超文本标签语言
在
标签中有标签：设置页页的编码文件，页面展示内容的类型
：为搜索引擎提供搜索关键字
：页面的描述
2.1 HTML标签的分类
块级标签：显示为“块”状，前后隔一行，自动换行
行级标签：按行逐一显示
2.2 HTML标签
2.2.1 标题标签：分为6级，
2.2.4
2.2.6 定义描述标签：使用
2.2.8 表单标签：用来从客户端提交数据给服务器端，有两种提交方式，get方式用于明文提交，数据大小有限制（2KB），post方式密文提交，无小限制。From表中必须要有action
属性，用来指明提交到哪里。
3什么是W3C
W3C：World Wide Web Consortium，万维网联盟,W3C的职能：负责制定和维护web行业标准
3.1 XHTML1.0规范
标签名和属性名称必须小写
HTML标签必须关闭
属性值必须用引号括起来
标签必须正确嵌套
必须添加文档类型声明
4 超链接
实现页面之间的导航，提交数据到服务器端，还可以在本页内跳转
4.1 特殊符号：
5 表格
常用于表单的布局，也用于显示大量的数值内容。注意行列的合并操作，如果合并后切
显示运行结果
5.1 项目案例
6 样式表CSS(Cascading Style Sheets) 6.1 为什么使用样式表
1.样式表能实现内容与样式的分离，方便团队开发
2. 样式复用、方便网站的后期维护
3. 页面的精确控制，实现精美、复杂页面
6.2 CSS的用途
1. 外观美化
2. 布局、定位
6.3 CSS的语法
6.4 三种选择器
6.5 文本属性
6.6 背景属性+Ul
6.7 项目案例：商品分类
7 H5
7.1 什么是H5
HTML5 是对HTML 标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。
7.2 H5的特点
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
7.2.1本地存储特性
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。
7.2.2设备兼容特性
从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
7.2.4连接特性
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets 就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
7.2.5网页多媒体特性
支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。
7.2.6三维、图形及特效特性
基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
性能与集成特性（Class: Performance & Integration）
没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。
CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。