XHTML 表格 table 标签

通过表格标签 <table></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>


显示效果如下：


  

    
编号
    
题目
    
操作
  
  

    
1
    
文章一
    
修改 删除
  
  

    
2
    
文章二
    
修改 删除
  

表格表头

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

空单元格

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

上一个：XHTML 列表
下一个：XHTML 表单 form 标签