html各种表格代码

HTML是一种用于创建网页的标记语言，其中最常用的元素之一就是表格。表格非常适合用于展示数据和创建布局，以下是一些HTML表格代码的示例。请注意，所有代码必须放在HTML的body标记中。

1. 创建一个简单的表格，包含三行和两列：

<table>
	<tr>
		<td>行1，列1</td>
		<td>行1，列2</td>
	</tr>
	<tr>
		<td>行2，列1</td>
		<td>行2，列2</td>
	</tr>
	<tr>
		<td>行3，列1</td>
		<td>行3，列2</td>
	</tr>
</table>

2. 使用表格标题和表格标题行创建一个表格：

<table>
	<caption>我的数据</caption>
	<thead>
		<tr>
			<th>名称</th>
			<th>值</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>数据1</td>
			<td>10</td>
		</tr>
		<tr>
			<td>数据2</td>
			<td>20</td>
		</tr>
	</tbody>
</table>

3. 添加表格的样式，如边框、背景颜色和宽度等：

<style>
	table {
		border-collapse: collapse;
		width: 100%;
		background-color: #f1f1c1;
	}
	td,th {
		border: 1px solid #ccc;
		text-align: left;
		padding: 8px;
	}
	th {
		background-color: #4CAF50;
		color: white;
	}
</style>

<table>
	<tr>
		<th>名称</th>
		<th>值</th>
	</tr>
	<tr>
		<td>数据1</td>
		<td>10</td>
	</tr>
	<tr>
		<td>数据2</td>
		<td>20</td>
	</tr>
</table>

4. 合并单元格以创建更复杂的表格布局：

<table>
	<tr>
		<th rowspan="2">名称</th>
		<th colspan="2">值</th>
	</tr>
	<tr>
		<td>数据1</td>
		<td>数据2</td>
	</tr>
	<tr>
		<td>数据3</td>
		<td colspan="2">数据4</td>
	</tr>
</table>

以上是一些常用的HTML表格代码示例，希望能对您有所帮助。