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> 来定义,但不是定义表格必需的。表头文字默认会以粗体显示,如上例所示。

空单元格

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

本章节内容共分 2 部分:

  1. 1. XHTML 表格 table 标签
  2. 2. XHTML 表格美化与表格布局

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程