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 参考手册 HTML 全局属性HTML 事件属性HTML 世界语言代码缩略词ascii码对照表HTML 完整的 ISO-8859-1 参考手册HTML 符号实体参考手册HTML 字符集HTML URL编码表HTML Canvas 参考手册

HTML <tbody>表格主体 标签

<tbody>设置表格主体的组合内容,<tbody> 内部需要包含一个或者多个 <tr>和 <th>或<td>标签,否则没有意义。<tbody>主要用于CSS 来为这些元素定义样式,从而改变表格的外观。

案例

本案例设置了第二、三行的为表格主体,然后通过css样式设置背景颜色为红色。

A$0VPD{Z$$G[YY74LBB@YD5.png

<table border="1">
  <thead>
  <tr>
    <td>教程课程</td>
    <td>学习天数</td>
    <td>学习难度</td>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>php</td>
    <td>7天</td>
    <td>中等</td>
  </tr>
  <tr>
    <td>HTML</td>
    <td>6天</td>
    <td>简单</td>
  </tr>
    </tbody>
</table>

运行代码

注意如果表格在没有设置<thead> 和 <tfoot>标签时,<table>默认所有行和列都为表格的主体。所有单独设置<tbody>没有作用。用以下案例说明。

案例2

我们要求的效果同上,来看看有设置<thead>和没有的区别

tbody和thead一起使用

运行代码

支持浏览器

ChromeIEFirefoxsafarioprea


语法

<tbody></tbody>

<tbody>标签打印

如果打印时表格过高,而且又表格的头部和底部出现在每页上,请使用<thead> 、 <tbody> 和 <tfoot>联合使用。以下是案例打印效果。

11.gif

运行代码


tbody属性
属性描述
alignright
left
center
justify
char
HTML5 不支持。设置 <tbody> 中内容的水平对齐方式。
charcharacterHTML5 不支持。暂无浏览器支持。设置<tbody> 中内容根据哪个字符来对进行文本对齐。
charoffnumberHTML5 不支持。暂无浏览器支持。设置<tbody> 中内容的第一个对齐字符的偏移量。
valigntop
middle
bottom
baseline
HTML5 不支持。设置 <tbody> 中内容的垂直对齐方式。



全局属性

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

事件属性

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