一个包含HTML表格所有element的简单示例

Linux-Torvalds

于 2012-02-28 17:40:57 发布

阅读量667

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： html table border

本文链接：https://blog.csdn.net/linwhwylb/article/details/7303098

Web 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了一个使用HTML构建的完整表格结构示例，包括表格的基本元素<table>、<tr>、<th>、<td>等，以及进阶元素如<caption>、<colgroup>、<thead>、<tbody>、<tfoot>的应用，通过示例展示了如何更好地管理和布局表格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

包括HTML关于表格的<table>，<caption>，<colgroup>，<col>，<thead>，<tbody>，<tfoot>，<tr>，<th>，<td>

所有元素的HTML示例。

简单的HTML表格包含<table>，<tr>，<th>，<td>元素就可以了。包含完整的表格元素的表格，对表格更加好管理。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>HTML Element Test Page</title>
</head>
<body>
<table border="1">
	<caption>Monthly savings</caption>
	<colgroup>
		<col span="1" style="background-color: green"/>
		<col style="background-color: yellow"/>
	</colgroup>
	<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>