在講網(wǎng)頁表格的結(jié)構(gòu)化標(biāo)記之前，還是先看幾幅圖片。
Html表格的結(jié)構(gòu)化
所謂的結(jié)構(gòu)化，正如上述第一副圖所示，就是把我們的表格劃分為三種：表頭、表體、表尾。從而當(dāng)我們?cè)谛薷谋眢w部分的時(shí)候，不會(huì)影響到其它兩部分，從而解除了耦合，方便我們的應(yīng)用。
結(jié)構(gòu)化格式
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <table>
- <thead>…</thead> --------表頭區(qū)
- <tbody>…</tbody>---------表體區(qū)
- <tfoot>…</tfoot>------------表尾區(qū)
- </table>
總結(jié)：通過把表格劃分為三部分，方便了我們對(duì)表格的編輯操作。
Html表格的標(biāo)題
每個(gè)表格都有自己的標(biāo)題，正如上述第二幅圖片所示，那么又如何做到讓標(biāo)題隨著內(nèi)容來移動(dòng)呢？
表格的標(biāo)題
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <table>
- <caption>…</caption>
- </table>
屬性名稱
屬性值
說明
align
Top
標(biāo)題在表格上方
Bottom
標(biāo)題在表格下方
小結(jié)：通過設(shè)置表格的標(biāo)題，能夠隨時(shí)讓標(biāo)題跟著表格動(dòng)。
Html直列化格式
什么是表格的直列化格式呢？我們平常在Excel中所見到的給整列加背景顏色，說的就是這么一回事。
<colgroup>…<colgroup>
屬性名稱
屬性值
說明
Align
Left
靠左
Center
考中
Right
靠右
Valign
Right
靠右
Top
考上
Middle
靠中
Bottom
靠下
Span
數(shù)字
直列數(shù)
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。