html表格标签之tr标签用法。
<tr> 是 HTML 表格标签中的一个元素,用于定义表格中的行。它是 `<table>` 元素的子元素,用于组织和包含表格数据。
下面是一些关于 <tr> 标签的常见用法和属性:
1、单元格定义: <tr> 标签内通常包含一个或多个 <td> 或 <th> 标签,用于定义表格中的单元格。每个 <td> 或 <th> 标签表示表格中的一个数据单元格。
<table>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
2、行属性: <tr> 标签可以使用一些属性来定义行的特性,如对齐方式、高度等。
align 属性:定义行中的单元格内容的水平对齐方式。常用的值有 "left"(左对齐)、"center"(居中对齐)和 "right"(右对齐)。
<tr align="center">
<td>数据1</td>
<td>数据2</td>
</tr>
valign 属性:定义行中的单元格内容的垂直对齐方式。常用的值有 "top"(顶部对齐)、"middle"(居中对齐)和 "bottom"(底部对齐)。
<tr valign="top">
<td>数据1</td>
<td>数据2</td>
</tr>
height 属性:定义行的高度。
<tr height="50">
<td>数据1</td>
<td>数据2</td>
</tr>
3、跨行合并:使用 rowspan 属性可以将一个单元格跨越多行合并。
<table>
<tr>
<td rowspan="2">跨行合并</td>
<td>数据1</td>
</tr>
<tr>
<td>数据2</td>
</tr>
</table>
4、行样式:可以通过 CSS 或内联样式为 <tr> 标签添加样式,定义行的外观和布局。
<style>
tr {
background-color: #f2f2f2;
}
</style><table>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
总结起来, <tr> 标签用于定义表格中的行,可以包含 <td> 或 <th> 标签来定义行中的单元格。通过行属性和样式定义,可以控制行的对齐方式、高度和外观。