1、<table></table>
表格
2礁遵、<tr></tr>
表格的一行
3轻绞、<td></td>
表格的一個(gè)單元格,表格中一行有幾個(gè)單元格佣耐,表格就有幾列
4政勃、<th></th>
表頭,表格頭部的一個(gè)單元格
5兼砖、表格中列的個(gè)數(shù)奸远,取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)。
6讽挟、border
屬性可以為表格添加邊框懒叛,屬性值為數(shù)字。
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
上述代碼是用 css 樣式代碼耽梅,為th
薛窥,td
單元格添加粗細(xì)為一個(gè)像素的黑色邊框。
表格摘要:
<table summary="表格簡(jiǎn)介文本">
表格標(biāo)題:
<table>
<caption>標(biāo)題文本</caption>
<tr>
<td>…</td>
<td>…</td>
…
</tr>
…
</table>
注意:
1眼姐、table
標(biāo)簽用來(lái)定義整個(gè)表格诅迷,為雙標(biāo)簽,必須有結(jié)束標(biāo)簽妥凳。
2、table
標(biāo)簽里面可以放caption
標(biāo)簽和tr
標(biāo)簽答捕。
3逝钥、caption
標(biāo)簽用來(lái)定義表格的標(biāo)題。
4拱镐、tr
標(biāo)簽用來(lái)設(shè)置表格的行艘款,tr
里面只能放th
或者td
標(biāo)簽,一組tr
標(biāo)簽代表一行沃琅。
5哗咆、th
用來(lái)設(shè)置表格的標(biāo)題,會(huì)加粗居中顯示益眉。也就是th
標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示晌柬。
6姥份、td
同來(lái)設(shè)置表格的列,一組td
標(biāo)簽代表一列年碘。
7澈歉、table
表格在沒(méi)有添加border
屬性之前, 在瀏覽器中顯示是沒(méi)有表格線的。
使用thead屿衅、tbody埃难、tfoot定義表格
1、<thead>
標(biāo)簽定義表格的表頭涤久。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容涡尘。
2、<tbody>…</tbody>
:如果不加<thead><tbody><tfooter>
, table表格加載完后才顯示响迂。加上這些表格結(jié)構(gòu)考抄, tbody
包含行的內(nèi)容下載完優(yōu)先顯示,不必等待表格結(jié)束后在顯示栓拜,同時(shí)如果表格很長(zhǎng)座泳,用tbody分段,可以一部分一部分地顯示幕与。(通俗理解
table`可以按結(jié)構(gòu)一塊塊的顯示挑势,不再等整個(gè)表格加載完后顯示。)
3啦鸣、<tfoot>
元素用于對(duì) HTML 表格中的表注(頁(yè)腳)內(nèi)容進(jìn)行分組潮饱。
4、thead
诫给、tfoot
以及 tbody
元素使您有能力對(duì)表格中的行進(jìn)行分組香拉。當(dāng)您創(chuàng)建某個(gè)表格時(shí),您也許希望擁有一個(gè)標(biāo)題行中狂,一些帶有數(shù)據(jù)的行凫碌,以及位于底部的一個(gè)總計(jì)行。這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁(yè)腳的表格正文滾動(dòng)胃榕。當(dāng)長(zhǎng)的表格被打印時(shí)盛险,表格的表頭和頁(yè)腳可被打印在包含表格數(shù)據(jù)的每張頁(yè)面上。