表格標(biāo)簽
- 過去表格標(biāo)簽使用非常多靶壮，多大渡搜狐網(wǎng)站都hi用表格標(biāo)簽制作的，是一個(gè)時(shí)代的代表
- 作用：給一堆數(shù)據(jù)添加表格語義腾降，是一種數(shù)據(jù)的展現(xiàn)形式，數(shù)據(jù)量非常大時(shí)抗果，表格是最為清晰地展現(xiàn)形式
- 格式：
<table border="0">
<tr>
<td></td>
</tr>
</table>
- table代表整個(gè)表格奸晴，一堆table標(biāo)簽就是一個(gè)表格
- tr代表一行數(shù)據(jù)，一對(duì)tr標(biāo)簽等于表格中的一行
- td代表一行中的一個(gè)單元格寄啼，一堆td標(biāo)簽就是一行中的單元格
- 注意點(diǎn)
- 邊框?qū)傩詻Q定邊框?qū)挾龋J(rèn)是0涕刚，所以看不到邊框,border="0"
- 組合標(biāo)簽乙帮，table/tr/td一起出現(xiàn)，不會(huì)單個(gè)出現(xiàn)
屬性
-
寬度和高度
table/td標(biāo)簽使用- 默認(rèn)寬高內(nèi)容撐開得蚣旱，也可以手動(dòng)指定
- td設(shè)置寬高戴陡，會(huì)修改當(dāng)前單元格得寬高，但不影響整個(gè)表格
-
水平對(duì)齊和垂直對(duì)齊
table/tr/td標(biāo)簽使用- 設(shè)置align控制水平方向
- 設(shè)置valign控制垂直方向
-
外邊距和內(nèi)邊距
只能table使用- 單元格之間默認(rèn)有外邊距
- 設(shè)置cellspacing="2"控制外邊距大小异吻，默認(rèn)2px
+單元格和內(nèi)容之間默認(rèn)有內(nèi)邊距 - 設(shè)置cellpadding="1"控制內(nèi)邊距大小
，默認(rèn)1px
細(xì)線表格
- 設(shè)置table的bgcolor="black" cellspacing="1px"
tr的bgcolor=”white“可實(shí)現(xiàn)細(xì)線表格
表格標(biāo)題
- caption標(biāo)簽
- 一定寫在table里面棋返，否則無效
- 一定緊跟table標(biāo)簽后面
- 標(biāo)題自動(dòng)居中
標(biāo)題單元格標(biāo)簽
- th標(biāo)簽
- 當(dāng)前列的標(biāo)題，會(huì)自動(dòng)居中+加粗文字
表格結(jié)構(gòu)
- caption：標(biāo)題
- thead：表頭信息
- tbody：主體信息
- tfoot：頁尾信息
單元格合并
- 水平方向合并
- td標(biāo)簽設(shè)置colspan=”2“
- 垂直方向合并
- td標(biāo)簽設(shè)置rowspan=”2“
- 合并就是把當(dāng)前單元格當(dāng)作兩個(gè)看待，多余的單元格需要?jiǎng)h除
