Div标签总结

xiaoxiao2021-02-28  95

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

转载请注明原文地址: https://www.6miu.com/read-77325.html

最新回复(0)