例
一個簡單的 HTML 表格,帶有兩個單元格:
<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
瀏覽器支持
所有主流瀏覽器都支持 <td> 標(biāo)簽。
標(biāo)簽定義及使用說明
<td> 標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格。
HTML 表格有兩種單元格類型:
表頭單元格 - 包含頭部信息(由 <th> 元素創(chuàng)建)
標(biāo)準(zhǔn)單元格 - 包含數(shù)據(jù)(由 <td> 元素創(chuàng)建)
<th> 元素中的文本通常呈現(xiàn)為粗體并且居中。
<td> 元素中的文本通常是普通的左對齊文本。
提示和注釋
提示:如果需要將內(nèi)容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!
HTML 4.01 與 HTML5之間的差異
HTML 5 中不再支持 HTML 4.01 中的某些屬性。
屬性
屬性 | 值 | 描述 |
---|---|---|
abbr | text | HTML5 不支持。規(guī)定單元格中內(nèi)容的縮寫版本。 |
align | leftrightcenterjustifychar | HTML5 不支持。規(guī)定單元格內(nèi)容的水平對齊方式。 |
axis | category_name | HTML5 不支持。對單元格進(jìn)行分類。 |
bgcolor | rgb(x,x,x)#xxxxxxcolorname | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的背景顏色。 |
char | character | HTML5 不支持。規(guī)定根據(jù)哪個字符來進(jìn)行內(nèi)容的對齊。 |
charoff | number | HTML5 不支持。規(guī)定對齊字符的偏移量。 |
colspan | number | 規(guī)定單元格可橫跨的列數(shù)。 |
headers | header_id | 規(guī)定與單元格相關(guān)聯(lián)的一個或多個表頭單元格。 |
height | pixels% | HTML5 不支持。HTML 4.01 已廢棄。 設(shè)置單元格的高度。 |
nowrap | nowrap | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格中的內(nèi)容是否折行。 |
rowspan | number | 設(shè)置單元格可橫跨的行數(shù)。 |
scope | colcolgrouprowrowgroup | HTML5 不支持。定義將表頭單元格與數(shù)據(jù)單元格相關(guān)聯(lián)的方法。 |
valign | topmiddlebottombaseline | HTML5 不支持。規(guī)定單元格內(nèi)容的垂直排列方式。 |
width | pixels% | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的寬度。 |
全局屬性
<td> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<td> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
td 對象
td 對象代表了 HTML 中數(shù)據(jù)單元。
在 HTML 表格中每個 <td> 標(biāo)簽都會創(chuàng)建一個 td 對象。
th 對象
th 對象代表了 HTML 標(biāo)準(zhǔn)中的表頭單元。
HTML 中每個 <th> 標(biāo)簽都會創(chuàng)建一個 th 對象。
td/th 對象屬性
W3C: W3C 標(biāo)準(zhǔn)。
屬性 | 描述 | W3C |
---|---|---|
abbr | 設(shè)置或返回單元格中內(nèi)容的縮寫版本。 | Yes |
align | 已廢棄。 設(shè)置或返回單元格內(nèi)部數(shù)據(jù)的水平排列方式。 | D |
axis | 設(shè)置或返回相關(guān)單元格的一個逗號分隔的列表。 | Yes |
background | 已廢棄。 設(shè)置或返回表格的背景圖片。 | D |
bgColor | 已廢棄。 設(shè)置或返回表格的背景顏色 | D |
cellIndex | 返回單元格在某行的單元格集合中的位置。 | Yes |
ch | 設(shè)置或返回單元格的對齊字符。 | Yes |
chOff | 設(shè)置或返回單元格的對齊字符的偏移量。 | Yes |
colSpan | 單元格橫跨的列數(shù)。 | Yes |
headers | 置或返回 header-cell 的 id 值。 | Yes |
height | 已廢棄。 設(shè)置或返回數(shù)據(jù)單元的高度 | D |
noWrap | 已廢棄。 nowrap 屬性規(guī)定表格單元格中的內(nèi)容不換行。 | D |
rowSpan | 設(shè)置或返回單元格可橫跨的行數(shù)。 | Yes |
vAlign | 設(shè)置或返回表格單元格內(nèi)數(shù)據(jù)的垂直排列方式。 | Yes |
width | 已廢棄。設(shè)置或返回單元格的寬度。 | D |
標(biāo)準(zhǔn)屬性和事件
td/th 對象同樣支持標(biāo)準(zhǔn)的 屬性 和 事件。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
一個簡單的 HTML 表格,包含兩列兩行:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>0</td>
</tr>
</table>
瀏覽器支持
所有主流瀏覽器都支持 <table> 標(biāo)簽。
標(biāo)簽定義及使用說明
<table> 標(biāo)簽定義 HTML 表格
一個 HTML 表格包括 <table> 元素,一個或多個 <tr>、<th> 以及 <td> 元素。
<tr> 元素定義表格行,<th> 元素定義表頭,<td> 元素定義表格單元。
更復(fù)雜的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。
HTML 4.01 與 HTML5之間的差異
在 HTML5 中,僅支持 "border" 屬性,并且只允許使用值 "1" 或 ""。
屬性
屬性 | 值 | 描述 |
---|---|---|
align | leftcenterright | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表格相對周圍元素的對齊方式。 |
bgcolor | rgb(x,x,x)#xxxxxxcolorname | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表格的背景顏色。 |
border | 1"" | 規(guī)定表格單元是否擁有邊框。 |
cellpadding | pixels | HTML5 不支持。規(guī)定單元邊沿與其內(nèi)容之間的空白。 |
cellspacing | pixels | HTML5 不支持。規(guī)定單元格之間的空白。 |
frame | voidabovebelowhsideslhsrhsvsidesboxborder | HTML5 不支持。規(guī)定外側(cè)邊框的哪個部分是可見的。 |
rules | nonegroupsrowscolsall | HTML5 不支持。規(guī)定內(nèi)側(cè)邊框的哪個部分是可見的。 |
summary | text | HTML5 不支持。規(guī)定表格的摘要。 |
width | pixels% | HTML5 不支持。規(guī)定表格的寬度。 |
全局屬性
<table> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<table> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。