1、HTML table屬性 table

用來定義HTML的表格，具有本地屬性 border 表示邊框，border屬性的值必須為1或空字符串( )。該屬性不會(huì)控制邊框的樣式，而是由CSS來控制

table元素可以有tr，th，td，thead，tbody，tfoot，colgroup元素

table標(biāo)簽的基本屬性如下：

border:可以的取值為1和0,1代表有邊框，0代表沒有邊框。

bordercolor：可以設(shè)置邊框的顏色，值為顏色值。

bgcolor:設(shè)置表格的背景顏色

background:設(shè)置背景圖片

2、html tr屬性 tr

用來定義表格的一行。由于HTML表格是面向行的，所以必須分別表示每一行

tr元素可以在table，thead，tbody和tfoot元素內(nèi)使用

tr元素內(nèi)可以包含一個(gè)或者多個(gè)td或th元素

它的align,bgcolor等屬性已過時(shí)，如果要設(shè)置屬性，請(qǐng)使用CSS設(shè)置

3、HTML td屬性 td

用來定義表格單元格，可以同colspan，rowspan，headers局部屬性使用

(1)colspan： 列跨度，該屬性規(guī)定了單元格可橫跨的列數(shù)，該屬性的值必須是整數(shù)

(2)rowspan：行跨度，該屬性規(guī)定了單元格可橫跨的行數(shù)，該屬性的值必須是整數(shù)

(3)headers：該屬性的值是一個(gè)或多個(gè)單元的ID屬性值，將單元格與列標(biāo)題相關(guān)聯(lián)，可用于使用屏幕閱讀器

注意：每個(gè)表格必須包含以上三個(gè)元素

4、html th屬性 th

用來定義標(biāo)題單元格，使我們有效區(qū)分?jǐn)?shù)據(jù)及其描述

它同 td 元素具有相同的局部屬性，兩者有如下區(qū)別：

th 是表示頭標(biāo)記，通常位于首行或者首列。而且 th 中的文字默認(rèn)會(huì)被加粗，而 td 是不會(huì)的

td 是數(shù)據(jù)標(biāo)記，表示單元格的具體的數(shù)據(jù)

valign屬性可以設(shè)置th和td，可以取值Top或者Bottom。

callpadding：內(nèi)容與單元格邊框的間距

cellspacing：防止文本超出邊框

如果要使單元格實(shí)現(xiàn)跨行或者跨列功能，使用屬性colspan和rowspan.

5、HTML thead屬性 thead

用來定義表格的頁眉，表頭的包裝器?？梢远x一行或多行，這些行是 table 元素的列標(biāo)簽

沒有thead元素，所有的tr被假定為屬于表的主體

6、HTML tbody屬性 tbody

用來定義表格的主體

7、HTML tfoot屬性 tfoot

用來定義標(biāo)記表格的頁腳

注意：

thead 、 tfoot 標(biāo)簽內(nèi)部必須擁有 tr 標(biāo)簽

thead 和 tfoot 標(biāo)簽不管放在 table 標(biāo)簽內(nèi)的哪個(gè)位置，都會(huì)被分別定為到表格的頭部和底部。

tfoot 可以出現(xiàn)在 tbody 或 tr 之前或之后。

在html5之前， tfoot 元素必須出現(xiàn)在 tbody 元素之前，在html5中，可以將 tfoot 元素放在 tbody 或最后一個(gè) tr 元素后面

8、html colgroup屬性 colgroup

用來定義表列組，可以使用其來將樣式應(yīng)用于某個(gè)列，當(dāng)然也可以使用下面要說的col元素

具有局部屬性 span 的 colgroup 表示列組應(yīng)該橫跨的列數(shù)。默認(rèn)是一列，即對(duì)表格的一列設(shè)置樣式

colgroup 可以包含一個(gè)或多個(gè) col 元素

9、HTML col屬性 col

用來表示表單個(gè)列，建議使用 colgroup 包裹 col 元素而不是 colgroup 直接設(shè)置span屬性定義組

col 也具有局部屬性span

col 放在 colgroup 的元素內(nèi)部， col 的咩哥實(shí)例表示組中的一列。使用該標(biāo)簽可以將樣式應(yīng)用于列的組和該組的單個(gè)列

10、html caption屬性 caption

用來定義表格的標(biāo)題，每個(gè)表中只能包含一個(gè) caption 元素

11、實(shí)例代碼：

 body  table border= 1 bordercolor= red bgcolor= #ff4646  caption 表格示例 /caption  tr align= center  th 標(biāo)題1 /th  th 標(biāo)題2 /th  th 標(biāo)題3 /th  /tr  td align= left 左 /td  td align= center 中 /td  td align= right 右 /td  /tr  td valign= top top /td  td center /td  td valign= bottom bottom /td  /tr  /table  /body 

運(yùn)行結(jié)果：

單元格跨行

 table border= 1 bordercolor= #1f1fff  caption 單元格的跨行 /caption  th 姓名 /th  th colspan= 2 電話 /th  /tr  td php  /td  td 123456 654321 /td  /tr  /table 

運(yùn)行結(jié)果：

單元格跨列

 table border= 1  caption 單元格跨列 /caption  th 姓名 /th  th 電話 /th  /tr  td rowspan= 2 php  /td  td 123456 /td  /tr  td 654231 /td  /tr  /table 

運(yùn)行結(jié)果：

相關(guān)推薦：

html表格屬性_html/css_WEB-ITnose

詳解HTML中table表格的frame和rules屬性

以上就是HTML表格屬性有哪些？HTML表格10種基本屬性的總結(jié)的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。