Div标签总结

Div

<div>标签定义一个分块（division）

<div style="border: dashed">div</div>

标签总结

块级标签：在新的一行显示。

Div、 h1-h6、 p 、hr、table、ul、ol、tr、dl、tr、option

、caption、dd、tbody、tfoot、thead、

内联标签： 不会新起一行显示。

Img、input、a、td、textarea、span、lable、select、th、button、

块级元素和内联元素的区别：

块级元素占满行，而内联元素则从左到右排列。

<table border="1">    <tr>        <td style="background-color: red" height="400px" width=50px></td>        </tr>    <tr>        <td style="background-color: green" height="400px" ></td>        <td style="background-color: red" height="400px" ></td>        <td style="background-color: yellow" height="400px" ></td>    </tr>    <tr>        <td style="background-color: yellow" height="400px" width=50px></td>    </tr></table>

页面的布局可以通过table来实现，一个单元格就是一个布局区域单位，该区域的大小可通过height和width属性设置，位置是通过单元格的相对位置来实现的。同时可以通过rowspan和colspan来合并单元格。

布局比较复杂时，可以用table的嵌套来实现，即在某个单元格中嵌入一个table在进行划分。