HTML笔记-表格标签

表格标签:

表格标签原理border 边框,单位:像素
caption 标题 常常作为table的第一个子元素出现
width 表格宽度

<table border="2" width="600">
	...
</table>

th 标题小格,可以替代的作用,表示表格里每一列的标题小格(字体加粗居中)
注:th和td本质上是一个级别的

单元格合并

  • 行跨度:跨行合并;列跨度:跨列合并
  • 列跨度:colspan 用来设置td或th的列跨度 (在一行上合并)
  • 行跨度:rowspan (在一列上合并)

<thead>标签定义表头
<tbody>标签定义表核心内容
<tfoot>标签定义表脚,通常是汇总行

cellspacing & cellpadditng属性

cellpadding属性定义了表格单元的内容和边框之间的空间,已经废弃,使用CSS替代它
cellspacing属性((使用百分比或像素)定义了两个单元格之间空间的大小,已经废弃,使用CSS替代它

总结:

1、width属性对<tr>无效
2、height属性通常用于<tr><table>,在<table>设置时,只对<tbody>有效
3、align设置表格对齐属性
4、表格可以嵌套,但需要嵌套在<td>

<table>标签可以设置表格的宽度width,不设置将会由表格中的内容撑开
让表格的宽度与父元素的一致,可以设置table宽度为100%

<td>标签可以设置width的属性,可以调整td所在列的宽度
<tr>标签设置width属性会无效果设置的width和higth只有值较大的时候才会生效
align属性可以调整table整体的水平位置,拥有三个属性值为别为left,center,left
border属性,要设置在table标签上才会有效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值