第二章 表格基础

本章节详细介绍了HTML中表格的基本使用,包括创建表格、定义表头、合并单元格、表格样式设置等内容,是初学者掌握网页表格布局的重要部分。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表格的格式:
  1. <table border="1">
  2. <tr>
  3. <td>
  4. .......
  5. </td>
  6. </tr>
  7. </table>

<caption></caption>设置表的标题,现在很少用。
<tr></tr>  表格的行
<td></td> 表格的列
<th></th>  表示列标题,效果:文字加粗,文字居中

注意点:
    表格的列在不同行中英保持数量的一致。
    表格可以嵌套,嵌套的时候在td里嵌套。

<td rowspan="2"></td>
<td colspan="2"></td>
rowspan表示行合并
colspan表示列合并

表格设置宽高度时,注意宽高包含表格的border
tr 只能设置行高
td可以设置宽高,列宽值需要一个列设置就会对整个表的该列产生影响

合并的行列不应该设置宽高度,如果同时设置将作用更大的值

如果同时设置了table 和td的宽高,必须保证td的宽度总和 和 table的宽高值相同。

bgcolor 
background  tr不可以使用


行的颜色覆盖表的颜色,列的颜色覆盖行的颜色,背景图片会覆盖颜色

align
    table的align属性表示相对于容器的对其方式。
    默认情况单元格内的内容水平反向左,垂直方向居中对齐。

valign表示垂直对齐方式

如果容器设置了宽高大小,而内容是超过容器大小的,则内容将撑起容器的大小。

cellpadding 单元格填充
cellspacing 单元格间距

用于布局设计的表格需要去除单元格的间距。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值