Appearance
第9章:表格排版
9.1 基础表格语法
表格用于展示结构化数据,在Markdown中,使用 | 分隔列,使用 --- 分隔表头和表体。
基本结构
语法:
markdown
| 表头1 | 表头2 | 表头3 |
|-----|-----|-----|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |示例:
markdown
| 姓名 | 年龄 | 职业 |
|-----|-----|-----|
| 张三 | 25 | 工程师 |
| 李四 | 30 | 设计师 |
| 王五 | 35 | 产品经理 |表格对齐
你可以使用冒号 : 来控制表格列的对齐方式:
- 左对齐:
--- - 居中对齐:
---: - 右对齐:
:---:
语法:
markdown
| 左对齐 | 居中对齐 | 右对齐 |
|-----|-----:|:-----:|
| 内容1 | 内容2 | 内容3 |示例:
markdown
| 姓名 | 年龄 | 工资 |
|-----|-----:|:-----:|
| 张三 | 25 | 10000 |
| 李四 | 30 | 15000 |
| 王五 | 35 | 20000 |9.2 表格对齐
左对齐
语法:| 列名 | 或 | 列名 |(默认左对齐)
示例:
markdown
| 产品 | 价格 | 库存 |
|-----|-----|-----|
| 苹果 | 5 | 100 |
| 香蕉 | 3 | 200 |
| 橙子 | 4 | 150 |居中对齐
语法:| :--- |
示例:
markdown
| 产品 | 价格 | 库存 |
| :--- | :--- | :--- |
| 苹果 | 5 | 100 |
| 香蕉 | 3 | 200 |
| 橙子 | 4 | 150 |右对齐
语法:| ---: |
示例:
markdown
| 产品 | 价格 | 库存 |
| --- | ---: | ---: |
| 苹果 | 5 | 100 |
| 香蕉 | 3 | 200 |
| 橙子 | 4 | 150 |9.3 复杂表格
表格合并
Markdown本身不直接支持表格单元格合并,但你可以通过一些技巧来实现类似的效果。
方法:使用空单元格和边框样式来模拟合并效果
示例:
markdown
| 类别 | 产品 | 价格 |
|-----|-----|-----|
| 水果 | 苹果 | 5 |
| | 香蕉 | 3 |
| | 橙子 | 4 |
| 蔬菜 | 西红柿 | 2 |
| | 黄瓜 | 1.5 |表格嵌套
你可以在表格单元格中添加其他Markdown元素,如列表、文本样式等。
示例:
markdown
| 名称 | 功能 | 特点 |
|-----|-----|-----|
| Markdown | 文本排版 | - 语法简洁<br>- 跨平台兼容<br>- 易读易写 |
| HTML | 网页开发 | - 功能强大<br>- 灵活性高<br>- 学习曲线较陡 |
| Word | 文档编辑 | - 所见即所得<br>- 功能丰富<br>- 文件体积大 |实操案例:创建表格
基础表格
markdown
# 学生信息表
| 学号 | 姓名 | 性别 | 年龄 | 专业 |
|-----|-----|-----|-----|-----|
| 1001 | 张三 | 男 | 18 | 计算机科学 |
| 1002 | 李四 | 女 | 19 | 软件工程 |
| 1003 | 王五 | 男 | 18 | 数据科学 |
| 1004 | 赵六 | 女 | 19 | 人工智能 |对齐表格
markdown
# 产品价格表
| 产品名称 | 单价(元) | 库存(件) | 销售额(元) |
| :--- | ---: | ---: | ---: |
| 苹果 | 5.00 | 100 | 500.00 |
| 香蕉 | 3.00 | 200 | 600.00 |
| 橙子 | 4.00 | 150 | 600.00 |
| 葡萄 | 8.00 | 80 | 640.00 |
| 总计 | - | 530 | 2340.00 |复杂表格
markdown
# 课程表
| 时间 | 周一 | 周二 | 周三 | 周四 | 周五 |
|-----|-----|-----|-----|-----|-----|
| 上午 | 数学 | 语文 | 英语 | 物理 | 化学 |
| 下午 | 体育 | 音乐 | 美术 | 历史 | 地理 |
| 晚上 | 自习 | 自习 | 社团活动 | 自习 | 班会 |
# 项目进度表
| 任务 | 负责人 | 开始时间 | 结束时间 | 进度 |
|-----|-----|-----|-----|-----|
| 需求分析 | 张三 | 2023-01-01 | 2023-01-10 | 100% |
| 设计 | 李四 | 2023-01-11 | 2023-01-20 | 100% |
| 开发 | 王五 | 2023-01-21 | 2023-02-10 | 80% |
| 测试 | 赵六 | 2023-02-11 | 2023-02-20 | 0% |
| 部署 | 孙七 | 2023-02-21 | 2023-02-28 | 0% |新手易错点
表格分隔符遗漏
- 错误:表头和表体之间没有添加分隔线
--- - 错误:分隔线的长度不足
正确示例:
markdown
| 表头1 | 表头2 |
|-----|-----|
| 内容1 | 内容2 |列数不匹配
- 错误:表头和表体的列数不一致
- 错误:某一行的列数与其他行不一致
正确示例:
markdown
| 表头1 | 表头2 | 表头3 |
|-----|-----|-----|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |对齐方式错误
- 错误:对齐符号使用错误
- 错误:不同列的对齐方式设置不一致
正确示例:
markdown
| 左对齐 | 居中对齐 | 右对齐 |
|-----|:-----:|-----:|
| 内容1 | 内容2 | 内容3 |表格格式错乱
- 错误:表格中包含了特殊字符,没有正确处理
- 错误:表格行之间没有保持一致的格式
正确示例:
markdown
| 名称 | 描述 |
|-----|-----|
| 项目1 | 这是一个项目 |
| 项目2 | 这是另一个项目 |练习建议
- 尝试创建不同类型的表格
- 练习设置不同的对齐方式
- 尝试在表格中添加其他Markdown元素
- 注意保持表格的格式和对齐
- 测试表格在不同编辑器中的显示效果
通过练习,你应该能够熟练掌握Markdown表格的使用方法,创建结构清晰、数据展示效果良好的表格。
