HTML <tr>用法及代码示例

HTML <tr> 标签用于定义表格中的行。 <tr> 标签可以包含一个或多个 <th> 头单元格和 <td> 数据单元格来定义单行 HTML 表格。

<tr> 标签必须是 <table> 元素的直接子元素，也可以是 <thead>、<tbody> 和 <tfoot> 元素的嵌套子元素。

用法

<tr>.......</tr>

以下是关于 HTML <tr> 标签的一些规范

Display	Inline
开始标签/结束标签	开始和结束标记
Usage	表格内容

示例

<!DOCTYPE html>
<html>
<head>
	<title>HTML tr tag</title>
	<style>
	  table{
	  	border-collapse:collapse;
	  	margin-left:350px;
	  }
	  th,td{
	  	padding:25px;} 
	  th{
	  	background-color:#005cb9;}
	  td{
	  	background-color:#98f5ff;}
	</style>
</head>
<body>
 <h2>Example of tr tag</h2>
 <table border="1">
 	<caption><b>Top Three performers of Winter Olympic Medals</b></caption>
 	<tr>
 	<th>Rank</th>
 	<th>Country</th>
 	<th>Total medals</th>
        </tr>
        <tr>
 	<td>1</td>
 	<td>Norway</td>
 	<td>329</td>
        </tr>
        <tr>
 	<td>2</td>
 	<td>United State</td>
 	<td>282</td>
       </tr>
 	<tr>
 	      <td>3</td>
 	       <td>Germany</td>
 	      <td>228</td>
             </tr>
 </table>
</body>
</html>

输出：

属性：

Tag-specific 属性：

属性	值	描述
align	正确的剩下中央证明烧焦	它确定表格行中内容的对齐方式。 (HTML5 不支持)
bgcolor	RGB(x，x，x) #xxxxxx color_name	它定义了表格行的背景颜色。 (HTML5 不支持)
char	character	它指定内容与字符的对齐方式。 (HTML5 不支持)
charoff	number	它指定表格行内容将从字符对齐的字符数，由 char 属性指定。 (HTML5 不支持)
valign	顶部中底部基线	它指定表格行内容的垂直对齐方式。 (HTML5 不支持)

全局属性：

<tr> 标签支持 HTML 中的全局属性。

事件属性：

<tr> 标签支持 HTML 中的 Event 属性。

支持浏览器

Element	Chrome	IE	Firefox	Opera	Safari
<tr>	Yes	Yes	Yes	Yes	Yes

相关用法

注：本文由纯净天空筛选整理自 HTML <tr> tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。