1、HTML的概念

HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。

“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。

2、浏览器的认识

呈现在用户面前的网页背后都是程序员编写出来的代码。世面上有许多浏览器，如谷歌、搜狐、QQ、IE等等，程序员写出来的代码，通过浏览器的内核解析渲染，才能完美的呈现在用户面前。

浏览器的不同，所解析渲染出来的页面效果也会不同。

3、web标准

W3C，万维网联盟，规范了HTML，使得不同的浏览器可以解析渲染出相同的页面效果。HTML是结构、CSS是样式、JavaScript是行为。

HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。

4、html骨架结构

html的骨架结构由根标签、头部、标题、内容组成。

5、html常用标签

有标题标签、段落标签、图片标签、超链接标签、文本格式化标签等。

6、相对路径和绝对路径

通常情况使用相对路径，绝对路径了解即可。

7、列表标签（展示数据）

列表分为无序列表、有序列表和自定义列表三种。

无序列表 <ul><li></li></ul>
有序列表 <ol><li></li></ol>
自定义列表 <dl><td></td><dd></dd></dl>

8、表格标签（展示数据）

table>tr>td caption表格的标题 th表格表头单元格

表格属性 border="1" width宽 height高

表格的结构标签 表头thead 表格内容tbody 表格底部tfoot

表格的合并 rowspan行合并 colspan列合并

9、表单标签（收集数据）

input表单控件

type类型：text文本框 password密码框 redio单选 checkbox多选

file上传文件 submit提交按钮 reset重置按钮 button普通按钮

10、下拉框

select>option 默认选中selected

11、文本域

textarea

12、label标签

两种写法，一种写id，一种直接嵌套。

13、无语义标签

大盒子div、小盒子span。

div可以装文字、图片、超链接等其他标签，且独占一行。

span只能转文字、超链接，同行显示。

14、有语义标签

header 页眉

nav 导航

main 页面内容

article 定义页面独立的内容，它可以有自己的header、footer等

section 元素用于标记文档的各个部分，例如表单文章的章节或主要部分

aside 侧边栏

footer 页脚

15、特殊符号

空格& nbsp；

大于号& gt；

小于号& it；

16、块元素、行内元素、行内块元素

1、块元素，独占一行，可以设置宽高。常见元素有div、p、h1-h6。

2、行内元素，不独占一行，不可以设置宽高。常见的元素有span、a

3、行内块元素，不独占一行，可以设置宽高。常见的元素有img、button

17、H5新特性

1、拖拽释放（drag and drop）API

2、语义化更好的内容标签（header footer nav aside article section）

3、音频、视频（audio video）API

4、画布（Canvas）API

5、地理（Geolocation）API

6、localstorage 和 sessionstorage 缓存方式

7、表单控件（calendar date time email ul search）

8、新技术（webworker websocket Geolocation）