<tr>标签用法

时间:2023-06-13 16:17:50

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> 标签来定义行中的单元格。通过行属性和样式定义,可以控制行的对齐方式、高度和外观。

 

相关词 表格 tr