創(chuàng)建表格的四個(gè)標(biāo)簽:table th? tr? td??
1蚊荣、<table>…</table>:整個(gè)表格以<table>標(biāo)記開始莫杈、</table>標(biāo)記結(jié)束。
2筝闹、<tr>…</tr>:表格的一行敲霍,所以有幾對(duì)tr 表格就有幾行。
3丁存、<td>…</td>:表格的一個(gè)單元格肩杈,一行中包含幾對(duì)<td>...</td>,說明一行中就有幾列解寝。
4扩然、<th>…</th>:表格的頭部的一個(gè)單元格,表格表頭聋伦。
5夫偶、表格中列的個(gè)數(shù),取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)觉增。
6、border屬性可以為表格添加邊框逾礁,屬性值為數(shù)字说铃。
注意:
1、table標(biāo)簽用來定義整個(gè)表格嘹履,為雙標(biāo)簽腻扇,必須有結(jié)束標(biāo)簽。
2砾嫉、table標(biāo)簽里面可以放caption標(biāo)簽和tr標(biāo)簽幼苛。
3、caption標(biāo)簽用來定義表格的標(biāo)題焕刮。
4舶沿、tr標(biāo)簽用來設(shè)置表格的行,tr里面只能放th或者td標(biāo)簽配并,一組tr標(biāo)簽代表一行括荡。
5、th用來設(shè)置表格的標(biāo)題荐绝,會(huì)加粗居中顯示一汽。也就是th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示。
6、td同來設(shè)置表格的列召夹,一組td標(biāo)簽代表一列岩喷。
7、table表格在沒有添加border屬性之前, 在瀏覽器中顯示是沒有表格線的监憎。
-----------------------------------------------------------------------------------------------------------------------------------
使用thead? tbody tfood標(biāo)簽定義表格
1纱意、<thead>?標(biāo)簽定義表格的表頭。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容鲸阔。
2偷霉、<tbody>…</tbody>:如果不加 , table表格加載完后才顯示。加上這些表格結(jié)構(gòu)褐筛, tbody包含行的內(nèi)容下載完優(yōu)先顯示类少,不必等待表格結(jié)束后在顯示,同時(shí)如果表格很長(zhǎng)渔扎,用tbody分段硫狞,可以一部分一部分地顯示。(通俗理解table 可以按結(jié)構(gòu)一塊塊的顯示晃痴,不在等整個(gè)表格加載完后顯示残吩。)
3、<tfoot>?元素用于對(duì) HTML 表格中的表注(頁腳)內(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)題和頁腳的表格正文滾動(dòng)。當(dāng)長(zhǎng)的表格被打印時(shí)遭庶,表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上。