HTML 表格

本文深入解析HTML表格的构造,包括标签如<table>, <th>, <tr>, <td>的作用,空间调整的cellspacing和cellpadding,单元格合并方法,以及thead, tbody, tfoot的使用。涵盖实例演示和高级技巧。

HTML 表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

HTML 表格的基本结构

      Table : 定义表格

      Th : 定义表格的标题栏

      Tr : 定义表格的行

      Td : 定义表格的列

HTML 表格空间

      Cellspacing 属性-定义表格单元格之间的空间 

      Cellpadding 属性-表示单元格边框与单元格内容之间的距离

HTML 合并单元格

Colspan 将两个或多个列合并为一个列

Rowspan 合并两行或更多行

HTML 表格头部 主体 页脚

Thead 单独的表头

Tbody  表格的主体

Tfoot  一个单独的表页脚

表可以包含多个tbody元素以指示不同的页面,注意thead和tfoot标签应出现在tbody之前

HTML 表格的嵌套

      可在另一个表中使用一个表,可使用table内所有标签

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值