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