📅  最后修改于: 2023-12-03 15:36:41.816000             🧑  作者: Mango
HTML表格是在网页上以表格形式展示数据的一种方式。表格由行和列组成,通常用于展示有规律的数据,比如排行榜、价格表格等。在HTML中,表格由table标签、tr标签和td标签等组成。
在HTML中,使用table标签来表示一个表格,格式如下:
<table>
表格内容
</table>
table标签的属性常用的如下:
border:表示表格的边框,取值为数字,表示边框的宽度。
cellspacing:表示单元格之间的距离,取值为数字,单位为像素。
cellpadding:表示单元格内容与周围边框的距离,取值为数字,单位为像素。
在HTML中,tr标签用于表示表格中的一行,格式如下:
<tr>
行内容
</tr>
在HTML中,td标签用于表示表格中的一个单元格,格式如下:
<td>
单元格内容
</td>
td标签的属性常用的如下:
rowspan:表示单元格跨越的行数。
colspan:表示单元格跨越的列数。
下面是一个简单的例子,展示如何使用表格标签及其属性设计表格。
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td rowspan="2">姓名</td>
<td colspan="2">成绩</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
</tr>
<tr>
<td>小明</td>
<td>90</td>
<td>95</td>
</tr>
<tr>
<td>小红</td>
<td>95</td>
<td>92</td>
</tr>
</table>
效果如下:
以上就是HTML中使用表格标签及其属性设计表格的介绍。