html表格(table)

本文详细介绍了HTML中的表格元素,包括table、tr、td和th等标签的使用方法,以及它们的属性如border、backgroundcolor、align等。同时,还讲解了如何通过rowspan和colspan实现单元格的合并。

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

表格标签
table:是整个表格的框架。
tr:单元行。
td:单元格。
table,tr,td三者的关系:td<tr<table,这里没有列的概念。
th:表头,如果有需要的话,表格的第一行替代所有的td。
caption:表格的标题,写在table之中,tr之前。

合并单元格
rowspan:垂直合并(跨列),占用下一行的一个单元格
colspan:水平合并(跨列),在本行自身多占一个单元格。
合并的本质:不是侵占,而是给自身添加了位置。
在这里插入图片描述
表格的table属性:
border:边框宽度;
bordercolor:边框颜色;
cellspacing:内框宽度值;
cellpadding:文字与边框距离值;
width:表格的宽度;
height:表格的高度;
backgroundcolor:背景色;
background:背景图像地址;
align:表格的对齐方式;
align的三个属性值:
left:整个表格在浏览器页面中左对齐;
center:整个表格在浏览器页面中居中对齐;
right:整个表格在浏览器页面中右对齐;
在这里插入图片描述
表格的tr)属性:
height:行的高度;
backgroundcolor:行的背景色;
background:行的背景图片;
align:文字的水平对齐方式;
align的三个属性值:
left:文字在单元行中左对齐;
center:文字在单元行中居中对齐;
right:文字在单元行中右对齐;
valign:文字的垂直对齐方式:top(顶部对齐)、middle(对齐)、bottom(底部对齐)。
表格的单元格td)属性:
width:单元格的宽度;
backgroundcolor:背景色;
background:背景图片;
align:文字的水平对齐方式:left:左对齐;center:居中对齐;right:右对齐;
valign:文字的垂直对齐方式:top(顶部对齐)、middle(对齐)、bottom(底部对齐)。

上诉所有内容(table,tr,td),如果没有指定宽高的话,以内容来撑开。

今天是大年初二,躺在家的第2天,武汉加油!大家一起加油!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小布丁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值