XHTML 表格 table 标签

XHTML 表格

语法：

<table>
  <tr>
    <th>列1</th>
    <th>列2</th>
    ......
  </tr>
  <tr>
    <td>列1 行1</td>
    <td>列2 行1</td>
    ......
  </tr>
  ......
</table>

语法说明

• 表格以 <table></table> 标签定义。
• <tr></tr> 标签定义一行数据，如果要定义多行数据，就重复使用 <tr></tr> 标签。
• 每一行中又包括一个或多个 <td></td> 标签定义的单元格。
• <th></th> 定义表头信息，通常里面的内容也是粗体显示的。

例子：

<table border="1">
  <tr>
    <th>编号</th>
    <th>题目</th>
	<th>操作</th>
  </tr>
  <tr>
    <td>1</td>
    <td>文章一</td>
	<td>修改 删除</td>
  </tr>
  <tr>
    <td>2</td>
    <td>文章二</td>
	<td>修改 删除</td>
  </tr>
</table>

显示效果如下：

表格表头

表格中的表头使用 <th></th> 来定义，但不是定义表格必需的。表头文字默认会以粗体显示，如上例所示。

空单元格

实际情况中，可能会有单元格没有数据。如果对没有数据的空单元格不加以定义，可能会导致表格显示不友好。一个解决办法是定义空的单元格，但在空单元格里使用一个空格。