在HTML中，给表格添加行的标记主要使用<tr>标签。<tr>是表格行(table row)的开始标签，用于定义表格中的一行，每行通常包含若干单元格(<td>或<th>),并可以通过CSS进行样式设置。
1. 基本用法
要给表格添加一行，首先需要创建一个<table>标签，然后在其中添加若干个<tr>标签，每个<tr>标签代表一行，内部可以包含多个<td>或<th>标签，表示该行中的单元格，以下是一个简单的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格示例</title>
</head>
<body>
<table border="1">
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
</tr>
</table>
</body>
</html>
在这个例子中，我们创建了一个包含姓名和年龄两列的简单表格，通过添加三个<tr>标签，我们定义了表格的三行，每行都包含两个单元格，分别用<td>标签表示，注意，第一个单元格不需要添加任何内容，因为它默认为表头(header)。
2. 添加表头单元格
如果需要为表格添加表头单元格，可以使用<th>标签代替<td>标签。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>带表头的表格示例</title>
</head>
<body>
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
</tr>
</table>
</body>
</html>
在这个例子中，我们使用<th>标签替换了原来的表头单元格，使它们具有标题样式，这样，用户在查看表格时会更容易识别表头信息，需要注意的是，虽然可以使用<th>标签定义表头单元格，但实际上这些单元格仍然属于表格行(row),只是具有特殊的样式，在实际应用中，我们通常会在第一个单元格中添加表头文本。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/196069.html
微信扫一扫 