曲径通幽论坛

标题: <tr> 标签, <th> 标签, <td> 标签 [打印本页]
作者: beyes    时间: 2012-6-3 17:41
标题: &lt;tr&gt; 标签, &lt;th&gt; 标签, &lt;td&gt; 标签
<tr> 标签定义 HTML 表格中的行。

tr 元素包含一个或多个 th 或 td 元素。

测试代码：
<html>
        <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>tr, th, td 标签演示</title>
         </head>

<body>

  <table width='400' border='1'>
        <tr>
          <th>Domain</th>
          <th>Name</th>
        </tr>
        <tr>
          <td>groad.net</td>
          <td>曲径通幽</td>
        </tr>
  </table>
</body>

</html>
上面的表格效果如下图所示：
[attach]552[/attach]
上面代码中，有两对 <tr> </tr> 标签，说明要设计的表格有两行。tr 就是 table row 的意思。

<th> 标签定义表格内的表头单元格，th 即 table header 之意，其字体被自动加粗。

<td> 标签定义表格中的标准单元格。

rowspan 属性
rowspan 属性指示单元格横跨的行数，比如：
<table width="466" height="127" border="1px">
<tr>
    <td>www</td>
    <td rowspan="2">groad</td>
</tr>

<tr>
     <td>net</td>
  </tr>
  
</table>
显示效果：
[attach]1494[/attach]

上面，groad 的单元格横跨的行数为 2 行。如果底下 net 的这一行没有指定，那么 groad 的这个单元格也只能横跨 1 行；&nbsp 表示空的单元格。



欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2