📜  使用表格标签及其属性设计表格(1)

📅  最后修改于: 2023-12-03 15:36:41.816000             🧑  作者: Mango

使用表格标签及其属性设计表格

HTML表格是在网页上以表格形式展示数据的一种方式。表格由行和列组成,通常用于展示有规律的数据,比如排行榜、价格表格等。在HTML中,表格由table标签、tr标签和td标签等组成。

table标签

在HTML中,使用table标签来表示一个表格,格式如下:

<table>
    表格内容
</table>

table标签的属性常用的如下:

  • border:表示表格的边框,取值为数字,表示边框的宽度。

  • cellspacing:表示单元格之间的距离,取值为数字,单位为像素。

  • cellpadding:表示单元格内容与周围边框的距离,取值为数字,单位为像素。

tr标签

在HTML中,tr标签用于表示表格中的一行,格式如下:

<tr>
    行内容
</tr>
td标签

在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中使用表格标签及其属性设计表格的介绍。