1、HTML元素：
①开始元素+元素内容+结束元素；
②空元素/自闭合元素：没有元素内容和结束标记；
2、HTML注释：<!—注释内容-->
3、HTML文档结构 ：
<!DOCTYPE html>
<!--文档声明-->
<html> ??<!--根标签-->
<head lang="en">
???<!-- 指定书写语言-->
???<meta charset="UTF-8"> <!--UTF-8为万国码，为了更好的兼容性，避免乱码-->
???<title></title>
</head>
<body><!--文档体，页面中所有的可见内容都放置在该元素内-->
</body>
</html>
4、权重：
<meta name="keywords" content="" />
<meta name="description" content="" />
5、列表：
①有序列表：ol——内嵌li
②无序列表：ul——内嵌li
③自定义列表：dl——内嵌dt、dd
6、引用：
①大段引用：blockquote
②行内引用：q
7、特殊字符：
< —— <
> —— >
& —— &
空格 ——
版权符号 —— ©
已注册符号 —— ®
8、插入图片：
<figure>
???<img src="" />
???<figcaption>
???????<!-- 一段话，用于描述图片，显示在图片下方-->
???</figcaption>
</figure>
9、导入视频文件：<video src=””controls loop autoplay>
导入音频文件：<audio src=””>;
10、表格——table
<table>
<caption></caption>
<thead><th></th></thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
11、input属性——表单：
①账号：<input type=”text”>
②密码：<input type=”password”>
③单选框：<input type=”radio”name=””value=””>
④复选框：<input type=”checkbox”name=””value=””>
⑤多行文本框：<textarea name=””id=””cols=””rows=””>
⑥下拉列表：<select name=””>
<option value=””></option>
</select>
⑦邮箱：<input type=”text”placeholder=””>
⑧提示信息：<details>
<summary></summary>
<p></p>
<details>
⑨普通按钮：<input type=”button”value=””>
⑩提交按钮：<input type=”submit”value=””>
⑾重置按钮：<input type=”reset”value=””>
⑿手机号码： <input type=”text”maxlenght=””>
⒀日期：<input type=”date”/>
⒁身高：<input type=”number”max=””min=””step=””value=””>
⒂体重：<input type=”range” max=””min=””step=””value=””>
⒃喜欢的颜色：<input type=”color”name=”color”>
12、H5的语义化标签：
nav——导航
aside——侧边栏
article——独立的主题
hgroup——汇总标题
footer——放置友情链接，版权声明
13、标准文档流：
①display——用于确定元素类型
div/p——block块级，独占一行，可设置宽高
span——inline内联，行内，不可设置宽高
②h1-h6块级元素
常用于布局的块级元素：ol、ul、dl、table、from、div
常用于布局的内联元素：img、span、br、input、textarea
③块级元素可包含内联元素，反之则不行
Head ?First ?HTML
原文地址：http://www.cnblogs.com/alisa-sister/p/7633203.html