html元素tr标签的使用方法及作用详解如下:
<tr>标签是"table row "的缩写,是定义HTML表格中的每一行;
<tr>标签是成对出现的,以<tr>为开始,以</tr>为结束;
<tr>标签包含一个或多个<th>或<td>标签。
<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>
以上演示代码在浏览器中显示效果如下:
上图中,<tr>标签定义的两行中,每行都有三个<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>
以上演示代码在浏览器中显示效果如下:
上图中,<tr>标签定义的两行中,第1行有三个<th>表头单元格组成一行,而第2行有三个<td>标准单元格组成一行。
在 HTML 5 中,不支持 <tr> 标签在 HTML 4.01 中的任何属性。
属性 | 值 | 描述 |
---|---|---|
align | right left center justify char | HTML5 不支持。 定义表格行的内容对齐方式。 |
bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 不支持。HTML 4.01 已废弃。 规定表格行的背景颜色。 |
char | character | HTML5 不支持。 规定根据哪个字符来进行文本对齐。 |
charoff | number | HTML5 不支持。 规定第一个对齐字符的偏移量。 |
valign | top middle bottom baseline | HTML5 不支持。 规定表格行中内容的垂直对齐方式。 |
在html5中,已经不再支持<tr>标签中的align、bgcolor、char、charoff、valign属性。
【上一篇】html元素td标签的使用方法及作用
【下一篇】html元素tbody标签的使用方法及作用