HTML中的<tfoot>標記用於提供頁腳內容組。此標記在帶有標題和正文的HTML表中使用,稱為“thead”和“tbody”。 <tfoot>標記是表的子標記,是<tr>和<td>的父標記。
用法:
<tfoot> // Table footer contents... </tfoot>
屬性:<tfoot>標記包含HTML4.1支持但HTML5不支持的許多屬性。
- align:設置文本內容的對齊方式。
- valign:它用於設置文本內容的垂直對齊方式。
- char:將標題單元格中的內容與字符對齊。
- charoff:它用於設置將從char屬性指定的字符開始對齊的字符數。此屬性的值采用數字形式。
例:
<!DOCTYPE html>
<html>
<head>
<title>tfoot tag</title>
<style>
h1 {
color:green;
}
tfoot {
color:blue;
}
table, tbody, td {
border:1px solid black;
border-collapse:collapse;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>tfoot Tag</h2>
<table >
<thead>
<tr>
<th>Name</th>
<th>User Id</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ram</td>
<td>@ram_b</td>
</tr>
<tr>
<td>Shashank</td>
<td>@shashankla</td>
</tr>
<tr>
<td>Rahman</td>
<td>@rahamD</td>
</tr>
</tbody>
<!-- tfoot tag starts from here -->
<tfoot>
<tr>
<td>Total user</td>
<td>4</td>
</tr>
</tfoot>
<!-- tfoot tag ends here -->
</table>
</center>
</body>
</html>
輸出:
支持的瀏覽器:<tfoot>標記支持的瀏覽器如下:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Safari
- Opera
注:本文由純淨天空篩選整理自GeeksforGeeks大神的英文原創作品 HTML | tfoot Tag。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。