HTML表格

最新推荐文章于 2025-02-17 09:26:21 发布

wy200805

最新推荐文章于 2025-02-17 09:26:21 发布

阅读量497

点赞数 3

CC 4.0 BY-SA版权

文章标签：计算机视觉

本文链接：https://blog.csdn.net/wy200805/article/details/139634238

本文介绍了HTML表格的基础结构，包括<table>、<tr>、<td>和<th>标签的使用，以及如何通过border、width、height等属性改变表格的外观。同时，详细讲解了表格的对齐方式、边框颜色、背景设置，以及如何实现单元格的合并。此外，还提及了<tr>的属性，如height、align和valign，以及表格的内框宽度和文字与边框的距离设置。

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

表格的基本结构：
<table>
<tr>
<td>
</td>
</tr>
</table>
tr:代表的是行
td:代表的是列
th:字体居中和加粗，也是代表列
tr必须嵌套在table标签中，在table里面包含着几对tr，就代表着有几行
td必须嵌套在tr的标签中。一对tr标签中包含几对td，就代表着有多少列(或者多少单元格 )
border：边框
改变表格大小：
width宽度
height高度
<table border="1" width="200" height="200">
表格中<th>标签：具有加粗和居中
表格的标题：<caption></caption>表格标题。书写在tr标签的上边，table的下边

表格的对齐方式:
align:center居中，left左，right右
表格边框颜色：bordercolor="red"
表格的背景图片：background(前提是你的HB中img里面有图片)
表格的背景颜色：bgcolor
整个网页的背景颜色：在body后面写bgcolor（<body bgcolor>
tr的属性：
height 高度
设置行的水平对齐方式：
align：center居中，left向左。right向右
设置行内容的垂直方式:
列：<tr valign="top">
valign：top向上 middle中间 bottom向下
改变行背景：bgcolor
改变行的高度：如果表格自己本身有高度的话，改变行的高度会出现错误，想要改变行的高度，可以把设置表格的高度删除掉
水平跨度:colspan="合并单元格的个数"
垂直跨度:rowspan="合并单元格的个数"
表格的内框宽度也叫单元格之间间隔：cellspacing
表格内文字与边框之间的距离