`

<tbody><thead><tfoot>

    博客分类:
  • HTML
 
阅读更多
Tbody这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,
所以又将表格分割成三个部分:题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。 他们都用在table中
thead用来放标题之类的东西

tbody放数据本体

tfoot放表格的脚注之类

标签使用其本身所代表的含义。这就是他们的作用。(
thead表格的头
tbody表格的身体
tfoot表格的脚)
TBody是在table中使用的,用来指明由它包括的各表格行做为表格的主体部分。
TBody与THead和TFoot在表格中形成三个“块”,THead指明表格的Head部分,TFoot指明表格的脚注部分。而TBody则指明表格的主体部分。

<table border="1">
    <thead>
        <tr>
            <th>
                Month
            </th>
            <th>
                Savings
            </th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>
                Sum
            </td>
            <td>
                $180
            </td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>
                January
            </td>
            <td>
                $100
            </td>
        </tr>
        <tr>
            <td>
                February
            </td>
            <td>
                $80
            </td>
        </tr>
    </tbody>
</table>
Month Savings
Sum $180
January $100
February $80
分享到:
评论

相关推荐

    jQuery导出excel表格文件pdf文件CSV文件代码.zip

    &lt;thead&gt; &lt;tr&gt; &lt;th&gt;事件ID&lt;/th&gt; &lt;th&gt;员工ID&lt;/th&gt; &lt;th&gt;标题&lt;/th&gt; &lt;th&gt;URL&lt;/th&gt; &lt;th&gt;开始时间&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;/tbody&gt; &lt;tfoot&gt; &lt;tr&gt; &lt;th&gt;事件ID&lt;/th&gt; &lt;th&gt;员工ID&lt;/th&gt; &lt;th&gt;标题&lt;/th&gt; ...

    分页 servlet

    &lt;thead&gt; &lt;tr align="center"&gt; &lt;td width="10%"&gt;Article ID&lt;/td&gt; &lt;td width="70%"&gt;Article Title&lt;/td&gt; &lt;td colspan="3"&gt;Actions&lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;c:forEach items="${entryList}" var...

    Html5中文手册(程序员必备手册)

    81、&lt;tbody&gt; 定义表格的主体。 82、&lt;td&gt; 定义表格单元。 83、&lt;textarea&gt; 定义 textarea。 84、&lt;tfoot&gt; 定义表格的脚注。 85、&lt;th&gt; 定义表头。 86、&lt;thead&gt; 定义表头。 87、&lt;time&gt; 定义日期/时间。 88、&lt;title&gt; 定义...

    Web前端高级作业一.txt

    表格头:&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt; 表格体:&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt; 表格尾:&lt;tfoot&gt;&lt;tfoot&gt; table标签里还可以设置很多属性 2.1.2表单标签&lt;form&gt;,常常用于提交数据 &lt;form&gt; &lt;input &gt; &lt;/...

    HTML_CSS学习笔记.docx

    5.5. &lt;thead&gt;、&lt;tbody&gt;、&lt;tfoot&gt;标签:定义表格的表头、表身、表尾 19 6. HTML5表单标签 20 6.1. &lt;form&gt;标签:创建表单,与用户交互 20 6.2. 输入框:文本输入框、密码输入框 22 6.3. &lt;input&gt;:placeholder属性:...

    使用thead、tfoot、 tbody制作一个表格

    还有人很变态地用这三个标签做出标题能跟随表格,或者tbody固定高度,走出自动出现滚动条的功能... &lt;table border=”1″&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;科目&lt;/th&gt; &lt;th&gt;分数&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;语文&lt;/td&gt; &lt;td&gt;9

    HTML标签tbody的用法与说明

    &lt;thead&gt; … &lt;/thead&gt; – 表的题头(Header) &lt;tbody&gt; … &lt;/tbody&gt; – 表的正文(Body) &lt;tfoot&gt; … &lt;/tfoot&gt; – 表的脚注(Footer) 例: &lt;table&gt; &lt;thead&gt; &lt;tr&gt;&lt;th&gt;Food&lt;/th&gt;&lt;th&gt;Drink&lt;/th&gt;&lt;th&gt;Sweet&lt;/th&gt;&lt;/tr&gt; &lt;/thead&gt; ...

    html tbody 用法

    表格的分组显示(Structured Table) (IExplore Only) 1)按行分组 &lt;thead&gt; … &lt;/thead&gt; – 表的题头(Header) &lt;tbody&gt; … &lt;/tbody&gt; – 表的正文(Body) &lt;tfoot&gt; … &lt;/tfoot&gt; – 表的脚注(Footer) 例: &lt;table&gt; &lt;thead...

    原生js实现表格翻页和跳转

    本文实例为大家分享了js实现表格翻页和跳转的具体代码,供大家参考,具体内容如下 js代码里的row_num变量是显示数据的行数,修改后可... &lt;tbody&gt;&lt;/tbody&gt; &lt;tfoot&gt; &lt;tr&gt; &lt;td colspan=3&gt; &lt;input type=button n

    详解HTML表格|l-639642.pdf

    作用:数据的展示,表格应用场景. &lt;table&gt;表格 &lt;tr&gt;行 &lt;td&gt;单元格 格式: ...划分三部分:表头(thead),主体(tbody),脚注(tfoot)这三个标签不能影响布局 &lt;table&gt;  &lt;caption&gt;...&lt;/caption&gt;

    浅谈Html网页表格结构化标记的应用

    在讲网页表格的结构化标记之前,还是先看几幅图片。 ...所谓的结构化,正如上述第一副图所示,就是把我们的表格划分为三种:表头、表体、表尾。从而当我们在修改表体部分的时候,... &lt;tfoot&gt;…&lt;/tfoot&gt;————表尾区 

    HTML表格标记教程(44):表格的表首标记

    为了在源代码中清楚地区分表格结构,html语言中规定了&lt;thead&gt;、&lt;tbody&gt;、&lt;tfoot&gt;3个标记,分别对应与表格的表首、表主体和表尾。&lt;thead&gt;标记用于定义表格最上端表首的样式。 基本语法 &lt;head align=value1 bgcolor...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    表格标签(table)深入了解

    表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,针对每个的介绍如下: &lt;table&gt;table标签可定义表格。在 &lt;table&gt; 标签内部,你可以放置表格的标题、表格行、表格列、表格...

    table CSS制作好看的网页表格

    2.thead, tbody, tfoot thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如,可以将所有列标题放在thead元素中,这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元

    HTML thead 标签定义和用法详细介绍

    thead 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容,thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组,需要的朋友可以参考下

    初级html代码学习.zip

    006-HTML的表格-thead tbody tfoot 007-背景颜色和背景图片 008-图片 009-超链接或热链接 010-列表 011-表单form 012-用户注册的表单 013-下拉列表支持多选 014-file控件 015-readonly和disabled 016-input控件的...

Global site tag (gtag.js) - Google Analytics