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=\