一、HTML知识点导图
基础结构
2 <!DOCTYPE html><!--类型标签：文档类型--> 3 <html> 4 <head><!--头部标签：文档属性--> 5 <meta charset="UTF-8"> <!--中文字符定义--> 6 <title></title> <!--标题标签：标题名称--> 7 </head> 8 9 <body> <!--文档标签：文档内容--> 10 </body> 11 </html> 12
布局
1、使用<div>元素布局（div+css布局）
1.先了解你的网页想采用哪种方式布局
2.分别为你的几个div容器命名。大容器包含几个小容器，层叠布局
3.然后再用css设置好容器的大小，一般大容器的宽度设置100%因为浏览器大小不一样，高度设置px, 剩下的小容器可以根据大容器来设置对应的百分比%。
注意：
1.要注意外边距，所以开始需要设置外边距为0 margin:0px; 。
2.如果中部不设置浮动，默认div模块是上下走的，所以中部两个div需要设置浮动从左到右float: left;
3.当定义底部div的时候，需要再清除浮动从左到右的效果clear: both;
2、使用<tabel>元素布局(不建议使用)
内联元素（inline element）与块级元素（block element）
区别：内联元素默认能同行显示，如 “i”；块级元素一般是其他元素的容器元素，块元素默认独占一行如 “p”