表格

<tr> table row縮寫(xiě) 表格行

<td> table data cell 表格數(shù)據(jù)單元

注：

1. table中不可以有其他標(biāo)簽，只能放入td中。
2. 每個(gè)tr中的td標(biāo)簽個(gè)數(shù)相同
3. <th>實(shí)現(xiàn)表格內(nèi)文字加粗效果，且語(yǔ)義性更強(qiáng)。意為表頭單元格。

表格屬性

表格單元線(xiàn)：給table一個(gè)border屬性

表格高度與寬度：給table一個(gè)width與height屬性 。（二者均與總高度與寬度）

單元格之間的間隙問(wèn)題：

1. cellspacing：定義是單元格之間的距離。
2. cellpadding：定義是單元格邊框和文本之間的距離。
3. align：表格水平對(duì)齊方式。（left左側(cè)對(duì)齊、right右側(cè)對(duì)齊、center居中對(duì)齊。）
4. bgcolor：修飾表格背景顏色。
5. bordercolor修飾表格邊框的顏色。

注：這些屬性均寫(xiě)在table標(biāo)簽之中。

tr的屬性

tr屬性沒(méi)有寬度屬性，但有高度屬性

表格中如果給一個(gè)元素的屬性不同的屬性值，會(huì)采取就近原則。

1. align：表格內(nèi)容的水平對(duì)齊方式。（left左側(cè)對(duì)齊、right右側(cè)對(duì)齊、center居中對(duì)齊。）
2. valign：表格內(nèi)容的垂直對(duì)齊方式。（top：頂部對(duì)齊、middle：居中對(duì)齊、bottom：底部對(duì)齊）

td的屬性

注：調(diào)整任何單元格的寬度都會(huì)影響該單元格所在列的所有單元格的寬度。同理，高度調(diào)整也會(huì)改變這行所有單元格的高度。

1. align：表格內(nèi)容的水平對(duì)齊方式。（left左側(cè)對(duì)齊、right右側(cè)對(duì)齊、center居中對(duì)齊。）
2. valign：表格內(nèi)容的垂直對(duì)齊方式。（top：頂部對(duì)齊、middle：居中對(duì)齊、bottom：底部對(duì)齊）

合并單元格

水平合并單元格：需要跨列進(jìn)行，保留第一個(gè)單元格并鋪滿(mǎn)整個(gè)空間。

colspan：列合并，意為跨列，屬性值為數(shù)字，沒(méi)有單位，數(shù)字為需要占據(jù)的單元格的數(shù)量。

垂直合并單元格：需要跨行進(jìn)行，保留第一個(gè)單元格并鋪滿(mǎn)整個(gè)空間。

rowspan：行合并，意為跨行，屬性值為數(shù)字，沒(méi)有單位，數(shù)字為需要占據(jù)的單元格的數(shù)量。

表格標(biāo)題和結(jié)構(gòu)分組

表格標(biāo)題：caption，雙標(biāo)簽，一般放在table標(biāo)簽之后，第一個(gè)tr標(biāo)簽之前。

注：均為雙標(biāo)簽，一個(gè)表格只允許使用一個(gè)thead和一個(gè)tfoot，但允許使用多個(gè)tbody

行分組

1. thead：表格體
2. tbody：與thead標(biāo)簽同級(jí)，里面放tr與td標(biāo)簽。
3. tfoot：表格腳

列分組

colgroup：column group的縮寫(xiě)，常用于定義一整列的元素，屬性span，屬性值為數(shù)字，意為多少列分為一組。