在講網(wǎng)頁(yè)表格的結(jié)構(gòu)化標(biāo)記之前,還是先看幾幅圖片。
Html表格的結(jié)構(gòu)化
所謂的結(jié)構(gòu)化,正如上述第一副圖所示,就是把我們的表格劃分為三種:表頭、表體、表尾。從而當(dāng)我們?cè)谛薷谋眢w部分的時(shí)候,不會(huì)影響到其它兩部分,從而解除了耦合,方便我們的應(yīng)用。
結(jié)構(gòu)化格式
總結(jié):通過(guò)把表格劃分為三部分,方便了我們對(duì)表格的編輯操作。
Html表格的標(biāo)題
每個(gè)表格都有自己的標(biāo)題,正如上述第二幅圖片所示,那么又如何做到讓標(biāo)題隨著內(nèi)容來(lái)移動(dòng)呢?
表格的標(biāo)題
屬性名稱
屬性值
說(shuō)明
align
Top
標(biāo)題在表格上方
Bottom
標(biāo)題在表格下方
小結(jié):通過(guò)設(shè)置表格的標(biāo)題,能夠隨時(shí)讓標(biāo)題跟著表格動(dòng)。
Html直列化格式
什么是表格的直列化格式呢?我們平常在Excel中所見(jiàn)到的給整列加背景顏色,說(shuō)的就是這么一回事。
<colgroup>…<colgroup>
屬性名稱
屬性值
說(shuō)明
Align
Left
靠左
Center
考中
Right
靠右
Valign
Right
靠右
Top
考上
Middle
靠中
Bottom
靠下
Span
數(shù)字
直列數(shù)
小結(jié):通過(guò)設(shè)置表格的直列化格式,能夠?qū)ξ覀冃枰膬?nèi)容進(jìn)行加深顏色,這里只是針對(duì)的列內(nèi)容。
源代碼如下:
以上就是小編為大家?guī)?lái)的淺談Html網(wǎng)頁(yè)表格結(jié)構(gòu)化標(biāo)記的應(yīng)用的全部?jī)?nèi)容了,希望對(duì)大家有所幫助,多多支持腳本之家~
標(biāo)簽:銅陵 那曲 湖南 阿拉善盟 福建 沈陽(yáng) 揭陽(yáng) 健身房
巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《淺談Html網(wǎng)頁(yè)表格結(jié)構(gòu)化標(biāo)記的應(yīng)用》,本文關(guān)鍵詞 淺談,Html,網(wǎng)頁(yè),表格,結(jié)構(gòu)化,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。