lt;thead>標簽定義HTML中<table>元素的標題;
<thead>標簽與<tbody>和<tfoot>標簽一起使用,它們定義HTML表格中的表頭,表主體和表腳。
<thead>標簽作為<table>標簽的子元素,需出現在<caption>、<colgroup>元素之后;<tbody>,<tr>或<tfoot>元素之前。
<thead>標記內應至少包含一行<tr>元素。
提示:<thead>、<tbody>和<tfoot>元素默認不會影響表格的布局。不過可以使用CSS來為這些元素定義樣式,從而改變表格的外觀。
<thead>
<tr>……</tr>
<thead>
<table border="1">
<caption>圖書大廈書目價格單</caption>
<thead>
<tr>
<th>書名</th>
<th>單價</th>
</tr>
</thead>
<tr>
<td>HTML入門教程</td>
<td>79.00元</td>
</tr>
<tr>
<td>JavaScript基礎教程</td>
<td>46.00元</td>
</tr>
<tr>
<td>Python精品教程</td>
<td>99.00元</td>
</tr>
</table> 123456789101112131415161718192021復制代碼類型:[html]
圖書大廈書目價格單 | |
書名 | 單價 |
HTML入門教程 | 79.00元 |
JavaScript基礎教程 | 46.00元 |
Python精品教程 | 99.00元 |
在HTML5中,不再支持HTML4.01中<thead>標簽的任何屬性。
所有主流瀏覽器都支持<thead>標簽。
屬性 | 值 | 描述 |
align | right | HTML5 不支持。定義 <thead> 元素中內容的對齊方式。 |
char | character | HTML5 不支持。規定 <thead> 元素中內容根據哪個字符來對進行文本對齊。 |
charoff | number | HTML5 不支持。規定 <thead> 元素中內容的第一個對齊字符的偏移量。 |
valign | top | HTML5 不支持。規定 <thead> 元素中內容的垂直對齊方式。 |
<thead>標簽支持HTML的全局屬性。
<thead>標簽支持HTML的事件屬性。
開課吧廣場-人才學習交流平臺
TML 表格實例:
First Name | Last Name | Points |
---|---|---|
Jill | Smith | 50 |
Eve | Jackson | 94 |
John | Doe | 80 |
Adam | Johnson | 67 |
在線實例
表格
這個例子演示如何在 HTML 文檔中創建表格。
HTML 表格
表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。字母 td 指表格數據(table data),即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
表格實例
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
在瀏覽器顯示如下::
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
HTML 表格和邊框屬性
如果不定義邊框屬性,表格將不顯示邊框。有時這很有用,但是大多數時候,我們希望顯示邊框。
使用邊框屬性來顯示一個帶有邊框的表格:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
HTML 表格表頭
表格的表頭使用 <th> 標簽進行定義。
大多數瀏覽器會把表頭顯示為粗體居中的文本:
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
在瀏覽器顯示如下:
Header 1 | Header 2 |
---|---|
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
更多實例
沒有邊框的表格
本例演示一個沒有邊框的表格。
表格中的表頭(Heading)
本例演示如何顯示表格表頭。
帶有標題的表格
本例演示一個帶標題 (caption) 的表格
跨行或跨列的表格單元格
本例演示如何定義跨行或跨列的表格單元格。
表格內的標簽
本例演示如何顯示在不同的元素內顯示元素。
單元格邊距(Cell padding)
本例演示如何使用 Cell padding 來創建單元格內容與其邊框之間的空白。
單元格間距(Cell spacing)
本例演示如何使用 Cell spacing 增加單元格之間的距離。
HTML 表格標簽
標簽 | 描述 |
---|---|
<table> | 定義表格 |
<th> | 定義表格的表頭 |
<tr> | 定義表格的行 |
<td> | 定義表格單元 |
<caption> | 定義表格標題 |
<colgroup> | 定義表格列的組 |
<col> | 定義用于表格列的屬性 |
<thead> | 定義表格的頁眉 |
<tbody> | 定義表格的主體 |
<tfoot> | 定義表格的頁腳 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
表格標記用于顯示類似工作表的數據,這些數據以行和列的形式整齊地格式化。它們還可以用于設計頁面布局。
table標記用于定義表格,它包含所有行和列標記及其內容。表格必須始終至少有一行,有一些屬性來定義表格布局。
標記caption用于定義表格的標題。
tr標記表示表格中的行,必須出現在table標記中。
單元格是內容所在的地方,單元格必須存在于行中,行中的單元格數決定表中的列數,使用以下屬性設置單元格屬性:
與普通單元格類似,表頭單元格必須出現在行中,正常情況下位于表格第一行,瀏覽器對其進行加粗和居中。
以下是表格的示例:
*請認真填寫需求信息,我們會在24小時內與您取得聯系。