Heim >Web-Frontend >Front-End-Fragen und Antworten >So verwenden Sie das HTML-Tbody-Tag
So verwenden Sie das HTML-Tbody-Tag
- 藏色散人Original
- 2019-05-28 10:52:103614Durchsuche
html tbody标签用于组合HTML表格的主体内容,tbody元素应该与thead和tfoot元素结合起来使用。如果您使用thead、tfoot以及 tbody元素，您就必须使用全部的元素。
html tbody标签怎么用？
作用：组合 HTML 表格的主体内容。
说明：tbody 元素应该与 thead 和 tfoot 元素结合起来使用。如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。
注释：在默认情况下这些元素不会影响到表格的布局。不过，您可以使用 CSS 使这些元素改变表格的外观。 内部必须拥有 标签！、
html tbody标签使用示例
<html>
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
</body>
</html>效果输出：
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML-Tbody-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So verwenden Sie das HTML-Zusammenfassungs-TagNächster Artikel：So verwenden Sie das HTML-Zusammenfassungs-Tag