# 表格基础

URL: https://caijiao.org/html/04-lists/02-tables
Source: docs/html/04-lists/02-tables.md
Description: 表格用于在网页中以结构化的方式展示数据。通过 、、 和 等标签，可以创建有标题和内容的表格，便于信息整理和对比。

HTML 表格用于以行和列的形式展示数据，是网页中常见的数据布局方式。

## 基本结构

HTML 表格主要由以下标签组成：

- `<table>`：定义整个表格。
- `<tr>`（table row）：定义一行。
- `<th>`（table header）：定义表头单元格，内容通常加粗并居中。
- `<td>`（table data）：定义普通单元格，表示一条数据。

示例：



## 属性和样式（基础）

- `border`：添加边框（旧写法，现代推荐用 CSS）。
- 使用 CSS 可以进一步美化表格，如控制宽度、颜色、边框等。

示例：


表格适合展示结构化数据，如成绩单、商品清单、日程安排等，有助于提高内容的可读性和专业性。