CSS目前最适合的是纵向布局和横向布局，所以在写页面布局的时候，也是根据经验去写的
空元素：是HTML SVG 或者MathML里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。标签里面不能写任何内容，写了就是错的。
常见的空元素有：<area><base>
<col><colgroup><command><embed>
<img><input><keygen><link><meta><param><source><track><wbr>
<colgroup>标签比较特殊，只有当the span is present
可替换元素：它的展现效果不是由CSS来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于CSS的。简单来说，它们的内容不受当前文档的样式的影响。CSS可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。某些可替换元素，例如<iframe>元素，可能具有自己的样式表，但它们不会继承父文档的样式。
常见的可替换元素有：<iframe><video><embed><img>
有些元素仅在特定的情况下被作为可替换元素处理：<option> <audio> <canvas><object><applet>
b标签和strong标签的区别：b》加粗 strong》也是加粗，但更加着重强调
i标签和em标签的区别： i》斜体 em》斜体加强调
button标签和input标签 :
button不是空元素
input需要在value里面写值。input标签用在form表单里面，如果要提交<input type="text">该输入框中的内容，那么该input标签的name属性一定要写。value属性是默认的值。id属性一般和label标签的for属性是一对。type属性规定了是个什么元素，比如说是选择框，文本框，密码框等。
第三种写法是错误的，因为input标签是空标签
标签一 iframe
默认宽100 高50，可以通过CSS设置它的样式，改变宽高。这里要注意，设置宽为100%，可以达到。但是高为100%就不行了。
iframe的src属性 name属性（该属性一般会和a标签的target属性连用）
标签二a（全称anchor）
a标签的href属性 target属性 download属性
标签三input
input标签的checkbox属性 以及和label标签的一起使用。注意label标签的for属性和input标签的id属性是一对！！！
将一个 <label> 和一个 <input> 元素放在一起会有以下几点好处：
- 标签文本不仅与其相应的文本输入在视觉上相关联; 它也以编程方式与它相关联。 这意味着，当用户点击到表单输入时，屏幕阅读器可以读出标签，使在使用辅助技术的用户更容易理解应输入哪些数据.
- 你可以单击关联的标签来聚焦或者激活 input，以及 input 本身。这种增加的命中区域为激活 input 提供了方便，包括那些使用触摸屏设备的。
想要将一个 <label> 和一个 <input> 元素匹配在一起，你需要给 <input> 一个 id 属性。而 <label> 需要一个 for 属性，其值和 input 的 id 一样。
另外，你也可以将 <input> 直接放在 <label> 里，这种情况就不需要 for 和 id 属性了。因为这时关联是隐含的。
在form表单中的input元素，name一定要写，如果不写，就不会提交它的值！！！
注意checkbox和radio的区别，即复选框可以多选（但是是要name相同，这样提交的时候，比如说选喜欢的水果，选了多个，提交多个），单选框不可以多选（但是是要name相同，比如说喜欢夏天或者不喜欢夏天，二选一），
除了利用form表单提交数据的方法将数据告诉服务器之外，没有别的方法可以将数据传递给服务器了。
标签四select下拉列表，
select标签，要给其name，不然提交的时候，没有name，值也就传不过去。如图选中为空，传递的group的值也是为空。disabled是不让选中。selected是默认选中的。还可以在select上加属性multiple，多选。多选的时候，按住ctrl即可。
标签五textarea
文本框的大小是可以变化的，因为浏览器不知道用户会输入多少文字。如果想要将其固定，使用style去控制。如图
标签六table
table标签：thead tbody tfoot tr[table row] th[table header] td[table data]
还有一个比较生僻的标签colgroup，要和col一起使用。col可以设置每一列的宽度以及背景颜色。注意col的用法。注意无论thead tbody tfoot colgroup的顺序如何放，浏览器都会按照正常的顺序展示，如图。colgroup没有可见部分，就不展示。如果没有thead，tbody，tfoot，默认所有的东西都放在tbody中。如果有，浏览器会按照thead tbody tfoot的顺序去展示。
