HTML的表格标签以及表格的使用——一文带你理解与吃透-世界杯经典语录-申办世界杯_世界杯阵容

By admin

2025-08-03 00:50:25

世界杯经典语录

HTML的表格标签以及表格的使用——一文带你理解与吃透

一、表格标签解析

在网页开发中，HTML提供了一系列专门用于创建表格的标签，通过这些标签的组合，能够搭建出结构清晰、功能丰富的表格。下文将以保姆级别教学表格标签以及表格的使用。

1、表格基本结构标签

：该标签用于定义整个表格，是表格的容器。所有其他表格相关标签都包含在

标签内。例如：

,其中border="1"属性用于设置表格边框的宽度，取值为0时表格无边框。常用属性有border, width, height.

：代表表格中的一行。在

标签内，通过多个标签来定义表格的行数。

、

:定义表格行中的一个单元格，用于放置具体的数据内容，文本、图片、链接等都能嵌入其中。

2、表格标签基本属性

:可以帮助搜索引擎实现更好的索引，还可以帮助css更好的控制外观。其中scope属性取值col或row用来表明此元素是列标题还是行标题。

、

三个标签都有align属性，就是水平对齐方式设置。

二、列表

1、

列表嵌套指在一个列表里，以其他列表作为元素，借此分层组织数据，呈现复杂或层级化信息。

2、例题

列表嵌套就是有序列表和无序列表的混合使用。

列表的嵌套

商城支付向导

支付方式

货到付款

财付通

支付宝

网银在线

网银在线支付步骤

选择您要使用的网上银行；

显示您的应付总价，点击“确认无误，付款”；

确定您在银行的预留信息，点击确定；

输入您的网银账号，登陆密码，验证码；

支付成功，提示“已完成付款"。

运行结果：

三、表格

表格的常用属性：

例：

单元格1	单元格2	单元格3
单元格4	单元格5	单元格6
单元格7	单元格8	单元格9

生成结果：

小技巧：table>tr*3>td*3 这样可快速生成三行三列（看自己需求只需改数字）。

四、不规则列表

1、colspan用于指定单元横向跨越列表。

rowspan用于指定单元格纵向跨越的行数。

例题：

表格的创建

创建表格练习

	教师人数	学生人数	总人数
2021年	100	1500	1600
2023年	150	3000	3150
2024年	250	4000	4250

合并单元格练习

	教师人数	学生人数	总人数
2021年
2022年
2023年
2024年