HTML <th>用法及代碼示例

在 HTML 表格中，有兩種類型的單元格：

標題單元格- 它包含標題信息(使用 <th> 元素創建)
數據單元- 它包含表的主要數據(使用 <td> 元素創建)。

HTML <th> 標簽用於定義 HTML 表格的標題單元格。標題單元格在瀏覽器上默認呈現為粗體並居中，但您可以使用 CSS 屬性更改其默認樣式。

<th> 標簽必須用作 <table> 元素中 <tr> 元素的子元素。根據內容大小，表的大小為 auto-adjustable。

用法

<th>Content....... </th>

以下是關於 HTML <th> 標簽的一些規範

Display	None
開始標簽/結束標簽	開始和結束標簽
Usage	HTML表格

示例

<!DOCTYPE html>
<html>
<head>
	<title>HTML th Tag</title>
	<style>
	table{
                     border-collapse:collapse; 
	       width:70%;}
	  th,td{
		background-color:#528b8b;
		padding:10px;
		}
</style>
</head>
<body>
 <h2>Example of th tag</h2>
  <table border="1">
  	   <tr>
  	   <th>Month</th>
  	    <th>Date</th>
  	    </tr>
                <tr>
        	     <td>January</td>
                  <td>20.01.2018</td>
            </tr>
        	<tr>
        	       <td>February</td>
        	       <td>01.02.2018</td>
        	</tr>
        	<tr>
        	    <td>March</td>
        	    <td>15.03.2018</td>
               </tr>
  </table>
</body>
</html>

輸出：

屬性：

Tag-specific 屬性：

屬性	值	描述
abbr	text	它定義了標題單元格內容的縮寫版本。 (HTML5 不支持)
align	剩下正確的中央證明燒焦	它指定標題單元格內容的對齊方式。 (HTML5 不支持)
axis	category_name	它對標題單元格進行分類(HTML5 不支持)
bgcolor	RGB(x，x，x) #xxxxxx Color_name	它設置標題單元格的背景顏色。 (HTML5 不支持)
char	character	它指定標題單元格的內容與字符的對齊方式。 (HTML5 不支持)
charoff	number	它指定標題單元格內容將與 char 屬性指定的字符對齊的字符數。 (HTML5 不支持)
colspan	number	它確定標題單元格應跨越的列數。
headers	header_id	它確定包含相關單元格信息的以空格分隔的標題單元格列表。
height	％像素	它確定表格標題單元格的高度。 (HTML5 不支持)
nowrap	nowrap	如果設置，則標題單元格內的內容不應換行。 (HTML5 不支持)
rowspan	number	它決定了一個單元格應該跨越的行數。
scope	上校組行行組	它指定與標題元素相關的單元格。 (HTML5 不支持)
valign	最佳中間底部基線	它確定單元格內容的垂直對齊方式。 (HTML5 不支持)
width	％像素	它確定標題單元格的寬度。(HTML5 不支持)

全局屬性：

<th> 標簽支持 HTML 中的 Global 屬性。

事件屬性：

<th> 標簽支持 HTML 中的 Event 屬性。

支持瀏覽器

Element	Chrome	IE	Firefox	Opera	Safari
<th>	Yes	Yes	Yes	Yes	Yes

相關用法

注：本文由純淨天空篩選整理自 HTML <th> tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。