admin管理员组文章数量:1595921
首页博客学院 下载论坛图文课问答商城活动专题招聘ITeyeGitChat APP VIP会员续费8折
疯狂Python精讲
写博客 3
原创
HTML 表格元素
2017-10-09 16:08:13 xiaoxiaobukuang 阅读数 375更多
分类专栏： HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn/xiaoxiaobukuang/article/details/78183642
学习要点
表格元素汇总
构建表格解析
一、表格元素汇总
表格的基本构成最少需要三个元素：< table >、< tr >、< td >，其他的一些作为可选铺助存在。
元素名称 说明
table 表示表格
thead 表示标题行
tbody 表示表格主体
tfoot 表示表脚
tr 表示一行单元格
th 表示标题行单元格
td 表示单元格
col 表示一列
colgroup 表示一组列
caption 表示表格标题
二、构建表格解析
1、table、tr、td构建基础表格
张三 男 未婚
李四 女 已婚
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
2、< th > 为表格添加标题单元格
姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
统计：共两人
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
| 统计：共两人 | ||
基本情况 姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
统计：共两人
| 基本情况 | 姓名 | 性别 | 婚姻 |
|---|---|---|---|
| 张三 | 男 | 未婚 | |
| 李四 | 女 | 已婚 | |
| 统计：共两人 | |||
3、< thead > 添加表头
姓名 性别 婚姻
| 姓名 | 性别 | 婚姻 |
|---|
4、< tfoot > 添加表表脚
姓名 性别 婚姻
统计：共两人
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 统计：共两人 | ||
5、< tbody > 添加表主体
姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
统计：共两人
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
| 统计：共两人 | ||
6、 < caption > 添加表格标题
这个是表格信息
姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
统计：共两人
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
| 统计：共两人 | ||
7、设置行和< colgroup > 设置列
设置行
姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
统计：共两人
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
| 统计：共两人 | ||
colgroup设置列
姓名 性别 婚姻
张三 男 未婚
李四 女 已婚
统计：共两人
| 姓名 | 性别 | 婚姻 |
|---|---|---|
| 张三 | 男 | 未婚 |
| 李四 | 女 | 已婚 |
| 统计：共两人 | ||
本文标签： 表格
版权声明：本文标题：表格 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728244156a1150866.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论