HTML th用法及代碼示例

HTML中的<th>標記用於設置表的標題單元格。 HTML表中的兩種類型的單元格。

標題單元格：它用於保存標題信息。
標準單元：它用於保存數據主體。

兩個標簽(<th>和<td>)的工作方式相同，但文本屬性不同。在<th>中，文本為粗體和居中，在<td>中，文本為常規，默認情況下為左對齊。

用法:

<th> Contents... </th>

屬性：HTML4.1支持許多屬性，但從HTML5中刪除了以下屬性：

abbr:此屬性用作標題單元格中文本內容的縮寫形式。
align:設置文本內容的對齊方式。
axis:分類標題單元格。
bgcolor:設置標題單元格的背景顏色。
char:將標題單元格中的內容與字符對齊。
charoff:它用於設置將從char屬性指定的字符開始對齊的字符數。此屬性的值采用數字形式。
colspan:標頭單元格應跨越的列數。
headers:指定與一個單元相關的一個或多個標頭單元。
height:設置標題單元格的高度。
nowrap:它指定標題單元格內的內容不應包裝。
rowspan:設置標題單元格應該跨越的行數。
scope:用於指定標題內容的分數。
sorted:用於對列的方向進行排序。
valign它用於設置文本內容的垂直對齊方式。
width:用於設置標題單元格的寬度

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>th tag</title> 
        <style> 
            body { 
                text-align:center; 
            } 
            h1 { 
                color:green; 
            } 
            th { 
                color:blue; 
            } 
            table, tbody, td { 
                border:1px solid black; 
                border-collapse:collapse; 
            } 
        </style> 
    </head> 
    <body> 
        <center> 
        <h1>GeeksforGeeks</h1> 
        <h2>th Tag</h2> 
        <table> 
            <thead> 
                <tr> 
                    <!-- th tag starts here -->
                    <th>Name</th> 
                    <th>User Id</th> 
                    <!-- th tag end here -->
                </tr> 
            </thead> 
            <tbody> 
                <tr> 
                    <td>Shashank</td> 
                    <td>@shashankla</td> 
                </tr> 
                    <tr> 
                    <td>GeeksforGeeks</td> 
                    <td>@geeks</td> 
                </tr> 
            </tbody> 
        </table> 
        </center> 
    </body> 
</html>

輸出：

支持的瀏覽器：<th>標簽支持的瀏覽器如下：

穀歌瀏覽器
Edge
Firefox
Safari
Opera

相關用法

注：本文由純淨天空篩選整理自Vishal_Khoda大神的英文原創作品 HTML | th Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。