HTML 标签 HTML <b>字体加粗 标签HTML <big> 大号字体 标签HTML <em> 强调标签HTML <strong> 重要事务标签HTML <dfn>定义实例标签HTML <code> 计算机代码 标签HTML <samp> 计算机输出 标签HTML <kbd> 用户输入 标签HTML <var> 变量 标签HTML <cite> 作品标题 标签HTML <i> 字体斜体 标签HTML <small> 侧记 标签HTML <sup>上标 标签HTML <sub>下标 标签HTML <ins>插入 标签HTML <del>删除 标签HTML <s>删除 标签HTML <strike> 删除标签HTML <u>下划线 标签HTML <tt>打印机文字 标签HTML <pre>预格式化的文本 标签HTML <abbr>缩写体 标签HTML <acronym>首字母缩写 标签HTML <address>联系信息 标签HTML <bdo>覆盖文本方向 标签HTML <blockquote> 长引用 标签HTML <q> 短引用 标签HTML <link> 外部资源 标签HTML <style> 样式标签HTML <title> 标题标签HTML <base>文档根 URL标签HTML <meta> 元数据标签HTML <script> 脚本标签HTML <noscript> 不支持脚本标签HTML <command> 定义命名标签HTML <head> 头部标签HTML <map> 图像映射标签HTML <img> 图像标签HTML <area> 图像映射区域标签HTML <a> 超链接标签HTML <div>块标签HTML <span>局部布局标签HTML <form> 表单 标签HTML <optgroup>选项组 标签HTML <option>选项 标签HTML <select> 下拉列表 标签HTML <datalist> 选项列表 标签HTML <input> 表单交互 标签 HTML <textarea> 多行文本 标签HTML <button> 按钮 标签 HTML <legend> 分组标题 标签HTML <fieldset> 分组 标签 HTML <label> 标识 标签 HTML <h1><h2><h3><h4><h5><h6>标题 标签HTML <hr> 水平线 标签HTML <ol> 有序列表 标签 HTML <li> 列表项 标签HTML <ul> 无序列表 标签HTML <dl>描述列表 标签HTML <dt>描述列表项目名 标签HTML <dd>描述列表子项目 标签HTML <output>输出 标签 HTML <p>段落 标签HTML <table>表格 标签HTML <tr>表格行 标签HTML <th>表标题 标签HTML <td>表单元格 标签HTML <caption>表名称 标签HTML <col>列属性 标签HTML <colgroup>列组合 标签HTML <thead>表格表头 标签HTML <tbody>表格主体 标签HTML <tfoot>表格底部 标签HTML <br>换行 标签HTML <object>对象 标签HTML <iframe>标签HTML <header> 区域页眉 标签HTML <footer> 区域页脚 标签HTML <article> 定义文章 标签HTML <section> 定义章节 标签HTML <canvas>绘制图形图像标签HTML <svg>矢量图形 标签HTML <source>媒体资源标签HTML <picture>图像资源标签 HTML <video>定义视频标签HTML <audio>定义音频标签HTML <applet>嵌入applet标签HTML <basefont>定义文档字体属性标签HTML <center>文字水平居中标签HTML <dir>目录列表标签HTML <font>字体样式标签HTML <frame>框架集窗口标签HTML <frameset>框架集标签HTML <noframes>不支持框架集文本标签HTML <wbr>换行符标签HTML <time>日期时间标签HTML <rp>不支持ruby显示内容标签HTML <rt>注释的解释标签HTML <ruby>注释标签HTML <progress>进度条标签HTML <nav>导航标签HTML <meter>计量标签HTML <mark>高亮文本标签HTML <figcaption>figure元素标题标签HTML <figure>独立内容标签HTML <summary>details元素标题标签HTML <dialog>对话框标签HTML <details>详细信息标签HTML <bdi>脱离文本方向标签HTML <aside>侧栏标签HTML <keygen>生成密钥标签HTML <track>外部字幕标签HTML <embed>嵌入内容标签HTML <main>主体部分 标签HTML <param>对象参数标签HTML <!DOCTYPE>声明HTML <!-- --> 注释标签

HTML <table>表格 标签

<table>标签定义一个表格。简单的表格有一个或者多个<tr>表格行、<th>表标题、<td>表格组成。复杂的表格可包括 <caption><col><colgroup><thead><tfoot> 以及 <tbody> 元素。

案例

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

table

<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

属性描述
alignleft
center
right
HTML5 不支持。 规定表格相对周围元素的对齐方式。
bgcolor

rgb(x,x,x)

#xxxxxx

colorname
HTML5 不支持。 规定表格的背景颜色。
border1
""
规定表格单元是否拥有边框。
cellpaddingpixelsHTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacingpixelsHTML5 不支持。规定单元格之间的空白。
framevoid
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rulesnone
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summarytextHTML5 不支持。规定表格的摘要。
widthpixels
%
HTML5 不支持。规定表格的宽度。

语法

<table></table>

全局属性

<table>标签支持HTML 全局属性

事件属性

<table>标签支持HTML 事件属性

更多案例

不同大小表格

table

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

运行代码

表格的标题

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

table 2

运行代码

表格的名称

本案例设置了表格的名称

table 3

运行代码

跨行和跨列的表格单元格

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

table 4

运行代码

表格里的标签

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

table 5

运行代码

表格背景颜色和背景图像

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

table 6

运行代码