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在进行划分。