HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML空格符(空格的代码)HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性HTML多媒体 HTML多媒体HTML5 教程 HTML5 教程 从入门到精通HTML5 拖放/拖拽HTML5 语义元素 HTML5 新的 Input 输入类型HTML5 新表单元素HTML5 新的表单属性HTML5 canvas画布HTML5 SVG矢量图形HTML5 Audio(音频)HTML5 Video(视频)HTML5 Web WorkersHTML5 存储HTML5 WebSocketHTML5 IndexedDBHTML5 IndexedDB增删改查HTML 参考手册 HTML 全局属性HTML 事件属性HTML 世界语言代码缩略词ascii码对照表HTML 完整的 ISO-8859-1 参考手册HTML 符号实体参考手册HTML 字符集HTML URL编码表HTML Canvas 参考手册SVG 参考手册HTML 音频/视频 document 参考手册

HTML 表格

<table>标签用于定义表格,表格包含了若干行(由<tr>标签定义)和若干单元格(由<th>或<td>标签定义),单元格可包含图片、文本、表单、列表、段落、水平线、表格等等。

表格效果

标题1标题2
单元格1单元格2
单元格3单元格4

案例

本案例新建了一个三行两列的表格

<table border="2">
  <tr>
    <th>教程</th>
    <th>学习天数</th>
  </tr>
  <tr>
    <td>php</td>
    <td>7天</td>
  </tr>
  <tr>
    <td>HTML</td>
    <td>6天</td>
  </tr>
</table>

运行代码

支持浏览器

ChromeIEFirefoxsafarioprea

更多案例

不同大小表格

table

这案例设置了不同行数和不同列数的表格。

运行代码

表格的标题

本案例设置了行标题和列标题

table 2

运行代码

表格的名称

本案例设置了表格的名称

table 3

运行代码

跨行和跨列的表格单元格

本案例设置了一个跨两行的单元格和一个跨两列的单元格

table 4

运行代码

表格里的标签

表格里面可以放其它的标签

table 5

运行代码

表格背景颜色和背景图像

本案例设置了一个背景颜色为红色的表格和一个带背景图像的表格

table 6

运行代码

表格相关标签
标签描述
<table>定义表格
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格单元
<caption>定义表格标题
<colgroup>定义表格列的组
<col>定义用于表格列的属性
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚