表格的標(biāo)簽
-
<table>：表格由<table>標(biāo)簽來定義。 -
<tr>： 每個表格均有若干行讼渊，由<tr>標(biāo)簽定義。 -
<td>： 表格內(nèi)嗤形，每行被分割為若干單元格精偿，各單元格的內(nèi)容由標(biāo)簽<td>定義。數(shù)據(jù)單元格可以包含文本赋兵、圖片笔咽、列表、段落霹期、表單叶组、水平線、表格等等历造。 -
<th>： 表格的表頭由<th> 標(biāo)簽定義甩十。字體默認(rèn)為粗體居中船庇。 -
<caption>：定義表格唯一的標(biāo)題。該標(biāo)簽必須緊隨 table 標(biāo)簽之后侣监。標(biāo)題默認(rèn)居中于表格之上鸭轮。 -
<col>：為表格中一個或多個列定義屬性值。 -
<colgroup>： 對表格中的多列進(jìn)行格式化橄霉。 -
<thead>,<tbody>,<tfoot>
thead窃爷、tfoot 以及 tbody 元素使您有能力對表格中的行進(jìn)行分組。當(dāng)您創(chuàng)建某個表格時姓蜂，您也許希望擁有一個標(biāo)題行按厘，一些帶有數(shù)據(jù)的行，以及位于底部的一個總計行钱慢。這種劃分使瀏覽器有能力支持獨立于表格標(biāo)題和頁腳的表格正文滾動逮京。當(dāng)長的表格被打印時，表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上束莫。
表格的外觀標(biāo)簽
- 邊框
默認(rèn)為不顯示表格邊框懒棉。
<table border="1">
- 單元格邊距(Cell padding)
單元格內(nèi)容與其邊框之間的空白距離。
<table cellpadding="10">
- 單元格間距(Cell spacing)
單元格之間的距離麦箍。
<table cellspacing="10">
- 背景
整個表格背景顏色和背景圖片漓藕。
<table bgcolor="red" background="/i/eg_bg_07.gif">
單個單元格的背景顏色和背景圖片。
<td bgcolor="red">First</td>
跨行或跨列的表格單元格
- 跨列：
<th colspan="2">
跨兩列
</th>
- 跨行：
<th rowspan="2">
跨兩行
</th>
表格示例
該示例中需要應(yīng)用到上述的標(biāo)題<caption>挟裂、跨列<colspan>享钞、跨行<rolspan>、邊框<border>等標(biāo)簽诀蓉。
代碼 Github
