表格的头部和尾部
既然有标签表示表格的主体，那么自然表格的头部和尾部也有对应的标签。
HTML中使用<thead>标签表示表格的头部，使用<tfoot>标签表示表格的尾部。
有了头部和尾部之后，<table>里的结构就是这样：
- <table>
- <thead>
- <tr>
- ...
- </tr>
- </thead>
- <tfoot>
- <tr>
- ...
- </tr>
- </tfoot>
- <tbody>
- <tr>
- ...
- </tr>
- </tbody>
- </table>
现在就让我们来试着用下这个2个标签吧：
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>使用thead和tfoot标签</title>
- </head>
- <body>
- <h2>使用thead和tfoot标签</h2>
- <table border="1">
- <thead>
- <tr><td>序号</td><td>物品</td><td>价格</td></tr>
- <tbody>
- <tr><td>1、</td><td>铅笔</td><td>￥1.00</td></tr>
- <tr><td>2、</td><td>毛笔</td><td>￥5.00</td></tr>
- <tr><td>3、</td><td>钢笔</td><td>￥10.00</td></tr>
- </tbody>
- <tfoot>
- <tr><td colspan="2">总计：</td><td>￥16.00</td></tr>
- </table>
- </body>
- </html>
结果会是怎么样？可以前往码芽网学习体验哦http://www.mayacoder.com/lesson/index
查看吧~~~
相关推荐
本课件为韩顺平老师的HTML CSS JS 课程中的笔记整理,注意是截图版的 如需要下载文字版的请绕道 估计网上也找不到文字版的 本教程适合电脑复习用的
学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...
HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS ...
CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记Head...
JavaWeb新版教程-html&CSS-L和CSS-表格的跨行跨列.avi
title: 07、CSS基础笔记02----对齐方式tags: CSDN迁移上对齐中对齐下对齐。
HTML & CSS设计与构建网站 完整中文版带目录.pdf 个人收集电子书，仅用学习使用，不可用于商业用途，如有版权问题，请联系删除！ 前言 v 第1章 结构 1 第2章 文本 29 第3章 列表 51 第4章 链接 63 第5章 图像 ...
### HTML & CSS & JavaScript 基础笔记 #### HTML 基础 ##### Head 中常用的标签 HTML 文档头部 `<head>` 包含了关于网页的一些元数据信息，这些信息通常不会直接显示在网页上，但对浏览器和其他处理 HTML 文档的...
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用，小编自己整理的李立超老师视频的笔记，手打不易，那就望您每年快乐吧。逃） 一、进制 1.十进制（日常使用）： 特点：满10进1 计数：0 1 ...
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
《Head First HTML&cSS 学习笔记》是一套极具特色的学习资料，它基于同名畅销书籍《Head First HTML与CSS》，通过生动有趣的方式帮助初学者掌握HTML和CSS的基础知识。该资源不仅提供了详尽的笔记内容，还包含了丰富...
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
HTML&CSS入门学习笔记
html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...
《Head First HTML&CSS》是一本由Eric Freeman和Elisabeth Robson编写的经典教材，旨在为读者提供一种直观、高效的学习方式，深入浅出地讲解HTML和CSS的基础与高级应用。这本书之所以受到广泛赞誉，不仅在于其内容的...
总之，《HTML & CSS 设计与构建网站》是一本全面的教程，旨在帮助读者掌握网页设计的基础，理解HTML和CSS的工作原理，并能够创建出具有吸引力和功能性的网站。通过学习这本书，你将能够熟练运用这两种语言，打造出...
html&css;学习 -表单的源码 包含表单和表单常用属性的讲解