
build網(wǎng)站制作 |
html中10個與表格(table)相關(guān)標(biāo)簽當(dāng)前位置:首頁>主要服務(wù)>網(wǎng)站制作>html![]() 最近在網(wǎng)絡(luò)上看到幾篇關(guān)于HTML表格的使用的文章,覺得很有用,決定記錄下來。很多人希望永遠(yuǎn)不使用table標(biāo)簽,但是這是錯誤的!這個建議只是針對使用HTML表格來定義網(wǎng)頁的布局,但是表格在排列數(shù)據(jù)信息行和列方面非常完美,而且如果一定要在一個頁面上顯示表列數(shù)據(jù),就不得不使用table了!但是我們無視了用于table的某些HTML標(biāo)簽的存在并且不知道該如何正確的使用它們。 HTML有10個表格相關(guān)標(biāo)簽。下面是一個帶有簡介的列表,但是首先,文檔要被正確的定義在HTML 4.01/XHTML 1或HTML 5下面:
一個基本的表格結(jié)構(gòu)如下:
它包含一個標(biāo)題、頭部、主體和底部。正確的HTML元素順序是:
也可以使用<col>和<colgroup>來定義表格的列或為列分組:
下面是一個正確的表格結(jié)構(gòu)實例: <tableborder="1"> <caption>Table caption here</caption> <colgroup span="1" style="background:#DEDEDE;"/> <colgroup span="2" style="background:#EFEFEF;"/> <!-- Table Header--> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr> </thead>
<!-- Table Footer--> <tfoot> <tr> <td>Foot 1</td> <td>Foot 2</td> <td>Foot 3</td> </tr> </tfoot> <!-- Table Body--> <tbody> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> <td>F</td> </tr> </tbody> </table> 在瀏覽器中的結(jié)果如下圖所示:
關(guān)于表格的一些技巧
7
|

易勢網(wǎng)站制作,以DIV+CSS為主,js/jQuery為輔,制作利于優(yōu)化,頁面美觀的優(yōu)質(zhì)網(wǎng)站!

網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)
沈陽易勢科技有限公司 網(wǎng)站制作網(wǎng)絡(luò)營銷公司 © 2011 , All rights reserved. 公司地址:沈陽市鐵西區(qū)貴和街道建設(shè)中路15號淺草綠閣商務(wù)樓402室沈陽網(wǎng)站制作易勢最專業(yè)
遼B2-20150173-8