HTML tbody用法及代碼示例

HTML中的<tbody>標記用於使一組相同類型的body元素內容。此標記在帶有標題和頁腳的HTML表中使用，稱為“thead”和“tfoot”。 <tbody>標簽是表標簽的子標簽以及<tr>和<td>標簽的父標簽。

用法:

<tbody> // Table contents   </tbody>

屬性：HTML4.1中的<tbody>標記支持某些屬性，但HTML5中不支持。屬性列表如下：

align:設置內容的對齊方式。
valign:設置內容的垂直對齊方式。
char:將<thead>標記內的內容的對齊方式設置為字符。
charoff:它用於將字符設置為<thead>標記內與char屬性指定的字符對齊的內容。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>tbody 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>tbody Tag</h2> 
        <table> 
            <thead> 
                <tr> 
                    <th>Name</th> 
                    <th>User Id</th> 
                </tr> 
            </thead> 
              
            <!-- tbody tag starts from here -->
            <tbody> 
                <tr> 
                    <td>Shashank</td> 
                    <td>@shashankla</td> 
                </tr> 
                    <tr> 
                    <td>GeeksforGeeks</td> 
                    <td>@geeks</td> 
                </tr> 
            </tbody> 
            <!-- tbody tag ends here -->
              
        </table> 
        </center> 
    </body> 
</html>

輸出：

支持的瀏覽器：<tbody>標記支持的瀏覽器如下：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

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