表格标签

表格标签

<table> 标签定义 HTML 表格。tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

<table> </table> 表格标签
<tr></tr> 表格行标签
<td></td> 单元格标签,表示一行有多少个单元格。
<th></th> 表头标签,用来定义表格第一行第一列内容,通常居中加粗。

表格属性

表格属性通过css来控制,表格属性通常需要写在<table>标签内。

 

表格结构标签

用来规范表格结构。

<thead></thead> 

表格头部,t表示“table“,head表示 “头部“

内部必须拥有<tr>行标签

<tbody></tbody>

表示内容,t表示“table”,body表示“内容”

用于存放表格数据。

合并单元格

跨列合并单元格

colspan="" 跨列合并,在<td>标签内使用。例如:<td colspan="2">  合并两个列单元格(左右),目标单元格为左侧。

rowspan="" 跨行合并,在<td>标签内使用。例如:<td rowspan="2"> 合并两个行单元格(上下),目标单元格为上方。

单元格合并方向是由 colspan和rowspan来定义合并的方向,而不是由<tr>和<td>来控制方向。

合并后会发现多出一个单元格,删除多余单元格即可。因为合并表格是根据个数和单个单元格的定义来决定,而不是真实的表格之间覆盖。

跨行和跨列都属于占用位置,如果原位置单元格不进行删除或修改,它将向后排列。但可以看出跨行和跨列都有效占用了你设置的单元格数量和空间。

 


站内资源声明

本资源仅用于个人学习收藏欣赏,禁止任何其他行为的使用

  1. 1、本网站名称:H5宝库
  2. 2、本站永久网址:https://www.h5bk.com
  3. 3、游客请注册本站用户后,再下载资源。本站暂不开放第三方登录,请牢记自己的注册邮箱,以便找回密码。
  4. 4、坚持【每日签到】可获得站内积分,积分可免费兑换站内精品资源和更多服务。
  5. 5、本站资源来源于互联网收集/个人购买,如有内容侵犯到您的权益,请查看【版权声明】
  6. 6、本资源和内容来自互联网搜索,仅允许个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支持你喜欢的作者,谢谢!
  7. 7、本文资源和内容,仅供站长个人学习测试使用。站内资源不保证任何完整性和安全性,请自行检查。站内资源不包含任何技术服务,请大家谅解。有问题留言讨论!

为作者充电
人已赞赏
HTML

HTML 注释

2021-1-23 21:08:22

HTML

HTML列表

2021-1-26 2:47:41

0 条回复 A文章作者
    暂无讨论,说说你的看法吧

解锁会员资源

开通会员

解锁海量优质VIP资源

立即开通

个人中心
购物车
优惠劵
今日签到
搜索