HTML 中的表格是通过 `` 元素创建的。表格由行(``)和单元格(`` 或 ``)组成。`` 元素用于定义表头单元格,而 `` 元素用于定义数据单元格。

下面是一个简单的 HTML 表格示例:

```html 简单的 HTML 表格

姓名 年龄 职业 张三 25 工程师 李四 30 医生

在上面的示例中,我们创建了一个包含三列的表格,分别是“姓名”、“年龄”和“职业”。然后我们添加了两行数据,分别是张三和李四的信息。

您可以使用 CSS 来美化表格,添加边框、背景颜色、字体样式等。例如:

```html 美化后的 HTML 表格 table { width: 100%; bordercollapse: collapse; } th, td { padding: 8px; textalign: left; borderbottom: 1px solid ddd; } th { backgroundcolor: f2f2f2; } tr:hover {backgroundcolor: f5f5f5;}

姓名 年龄 职业 张三 25 工程师 李四 30 医生

在上面的示例中,我们为表格添加了一些 CSS 样式,使其看起来更美观。

HTML中的表格:结构化数据的展示与交互

表格的基本结构

表格的常用属性

1. `border` 属性

`border` 属性用于设置表格边框的宽度。例如,`border=\