HTML入门4—表格

表格

4.1表格的基本结构

在HTML中，一个表格一般由一下三部分组成

• 表格：table标签
• 行：tr标签
• 单元格：td标签
  语法：

			<table>
				<tr>
					<td>单元格1</td>
					<td>单元格2</td>
					<td>单元格3</td>
				</tr>
				<tr>
					<td>单元格4</td>
					<td>单元格5</td>
					<td>单元格6</td>
				</tr>

表格标题：caption

在html中，表格一般都会有一个标题，我们可以使用caption标签来实现

			<table>
				<caption>表格标题</caption>
				<tr>
					<td>单元格1</td>
					<td>单元格2</td>
					<td>单元格3</td>
				</tr>
				<tr>
					<td>单元格4</td>
					<td>单元格5</td>
					<td>单元格6</td>
				</tr>
			</table>

说明：一个表格只能有一个标题，也就是只能有一个caption标签，在默认的情况下，标题位于整个列表的第一行。

表格单元格：th

在HTML中，单元格其实有两种：一种是“表头单元格”，使用的是th标签，另一种是"表行单元格"，使用的是td标签

			<table>
				<caption>表格标题</caption>
				<tr>
					<th>单元格1</th>
					<th>单元格2</th>
					<th>单元格3</th>
				</tr>
				<tr>
					<td>单元格4</td>
					<td>单元格5</td>
					<td>单元格6</td>
				</tr>
			</table