HTML里table標(biāo)簽的使用方法

<table>表格布局篇，認(rèn)識html表格基礎(chǔ)語法，認(rèn)識table表格結(jié)構(gòu)語法，通過html table tr td、html table tr th表格實(shí)例掌握表格認(rèn)識html表格table樣式布局。同時table的樣式可以通過CSS樣式控制其各式各樣的樣式。

html table表格目錄

table表格語法與結(jié)構(gòu)

table標(biāo)簽使用說明

Table表格標(biāo)簽使用場景

table表格案例

DW軟件輸入表格布局

table表格總結(jié)

table表格語法與結(jié)構(gòu)

<table> 
    <tr> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
    </tr> 
</table> 
<table> 
    <tr> 
        <th>&nbsp;</th> 
        <th>&nbsp;</th> 
        <th>&nbsp;</th> 
    </tr> 
</table>

以上2個表格結(jié)構(gòu)中td和th使用，沒有區(qū)別均可使用。

table標(biāo)簽使用說明

我們學(xué)習(xí)DIV+CSS了，不是就完全放棄丟棄table表格布局。想想我們?yōu)槭裁磳W(xué)習(xí)DIV CSS其中一個因素，讓布局更簡單、代碼更簡單，所以有時候我們也需要table表格來布局。

比如，電子表格型的數(shù)據(jù)表格。

Table表格標(biāo)簽使用場景

table表格實(shí)際應(yīng)用地方

Table tr td th表格使用案例

<table width="300" border="1" cellspacing="0"> 
    <tr> 
        <th>班級</th> 
        <th>日期</th> 
        <th>標(biāo)題</th> 
    </tr> 
    <tr> 
        <td>一班</td> 
        <td>2012-5-10</td> 
        <td>標(biāo)題1</td> 
    </tr> 
    <tr> 
        <td>二班</td> 
        <td>2012-5-20</td> 
        <td>標(biāo)題2</td> 
    </tr> 
</table>

對于table表格總結(jié)

table表格實(shí)用于多列數(shù)據(jù)列表，table會使用靈活運(yùn)用即可。多列數(shù)據(jù)列表table標(biāo)簽要比使用div css節(jié)約代碼，任意控制內(nèi)容排版

相關(guān)閱讀：

html的注釋有什么作用

html中的label標(biāo)簽使用方法

HTML標(biāo)題標(biāo)簽元素怎么修改

以上就是HTML里table標(biāo)簽的使用方法的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！