首页 » 编程语言 » html » 正文

html元素tr标签的使用方法及作用

 html元素tr标签的使用方法及作用详解如下:

<tr>标签的定义

<tr>标签是"table row "的缩写,是定义HTML表格中的每一行;

<tr>标签是成对出现的,以<tr>为开始,以</tr>为结束;

<tr>标签包含一个或多个<th>或<td>标签。

浏览器支持情况

 <tr> 标签已被所有主流浏览器都支持。

<tr>标签的用法

<tr>标签定义的html表格行,可以是由<th>表头单元格组成,也可以是由<td>标准单元格组成。

1、由<th>标准单元格组成的行

<tr>标签可以包含一个或多个由<td>标准单元格组成的行,代码如下:

<table  border="1">
<tr>
<td>td单元格</td>
<td>td单元格</td>
<td>td单元格</td>
</tr>
<tr>
<td>td单元格</td>
<td>td单元格</td>
<td>td单元格</td>
</tr>
</table>

以上演示代码在浏览器中显示效果如下:

2020-04-23_191303.png

上图中,<tr>标签定义的两行中,每行都有三个<td>标准单元格组成一行。

2、由<td>表头单元格组成的行

<tr>标签可以包含一个或多个由<th>表头单元格组成的行,代码如下:

<table  border="1">
<tr>
<th>th表头单元格</th>
<th>th表头单元格</th>
<th>th表头单元格</th>
</tr>
<tr>
<td>td标准单元格</td>
<td>td标准单元格</td>
<td>td标准单元格</td>
</tr>
</table>

以上演示代码在浏览器中显示效果如下:

2020-04-23_210847.png

上图中,<tr>标签定义的两行中,第1行有三个<th>表头单元格组成一行,而第2行有三个<td>标准单元格组成一行。

<tr>标签的属性

在 HTML 5 中,不支持 <tr> 标签在 HTML 4.01 中的任何属性。

属性描述
alignright
left
center
justify
char

HTML5 不支持。

定义表格行的内容对齐方式。

bgcolorrgb(x,x,x)
#xxxxxx
colorname

HTML5 不支持。HTML 4.01 已废弃。

 规定表格行的背景颜色。

charcharacter

HTML5 不支持。

规定根据哪个字符来进行文本对齐。

charoffnumber

HTML5 不支持。

规定第一个对齐字符的偏移量。

valigntop
middle
bottom
baseline

HTML5 不支持。

规定表格行中内容的垂直对齐方式。


在html5中,已经不再支持<tr>标签中的align、bgcolor、char、charoff、valign属性。



欢迎您发表评论或留言