2024-04-15
在 Markdown 中创建表格是一个简单的过程，可以增强网页上数据的组织和展示。本文指南涵盖了从基本语法到高级格式选项的所有内容：
Markdown Toolbox
| 和破折号 - 创建简单的表格。: 控制单元格内的文本对齐。& 和 |。通过本文指南，您将能够在 Markdown 中创建清晰、实用的表格，让您的内容更具结构性和可读性。
您可以通过调整破折号 - 行来决定列中文本的对齐方式：
:---: = 文本向左对齐:--: = 文本居中---: = 文本向右对齐| 左 | 中央 | 右 |
| :--- | :----: | ----: |
| 文本 | 文本 | 文本 |
例如：
| 左 | 中央 | 右 |
|---|---|---|
| 文本 | 文本 | 文本 |
您可以使用常规的 Markdown 技巧在表格单元格内将文本加粗、倾斜、添加链接或甚至插入代码：
** 或 __* 或 _内联代码块例如：
| 姓名 | 描述 |
|---|---|
| 约翰 | 喜欢 学习 新事物 的教师 |
| 莎拉 | 从事有趣 项目 的工程师 |
这展示了在 Markdown 中创建表格的基础知识。经过一点练习，它们可以成为以清晰的方式组织网页或文档数据的好方法。
在 Markdown 中制作表格时，有时您会想要包含 Markdown 格式通常用于其他事物的特殊字符。例如，由于 Markdown 使用管道符 | 来分隔列，如果您想在单元格中显示管道符号，则需要进行适当处理。
有几种方法可以做到这一点：
一种方法是使用 HTML 字符实体。这些是允许您显示在 HTML 或 Markdown 中有其他含义的字符的特殊代码。例如，使用 & 表示和符号 &，使用 | 表示管道符 |。
以下是它的样子：
| 字符 | 实体 | 示例渲染 |
|---|---|---|
| 和符号 | & |
R&D |
| 管道 | | |
列|标题 |
您可以在这里找到完整的 HTML 字符实体列表。
另一种方法是在特殊字符前加反斜杠 \。这告诉 Markdown 将后面的字符视作普通文本。
\| = 显示管道 |
\\ = 显示反斜杠 \
但是请记住，使用反斜杠并不适用于 Markdown 表格中的每个字符，例如管道符 |。
最后，您可以使用 Markdown 代码块按原样显示特殊字符。只需将它们放入反引号 ` 中。
` | * | & | \ | | `` ``
这将看起来像：
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
简而言之，尽可能使用 HTML 实体或反斜杠来转义特殊字符。对于管道和其他棘手符号，代码块是按原样显示它们的好方法。
Markdown 有不同的风格，每种风格都有自己的表格处理方式。让我们来看一下这些风格以及一些制作优秀表格的提示：
GFM 就是您在 GitHub 上看到的。它让您轻松创建表格：
| 标题 1 | 标题 2 |
|----------|----------|
| 行 1a | 行 1b |
| 行 2a | 行 2b |
您不需要在每一行的末尾放置管道符 |，但这样做可以避免错误。
这些版本为表格增添了更多选项，比如对齐文本：
| 右 | 左 | 默认 | 中心 |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
使用冒号 : 来控制文本对齐。
CommonMark 没有自己的表格语法。您需要使用 HTML 标签来创建表格。
在 GFM 和类似的风格中，您并不总是需要侧面管道符 |：
标题 1 | 标题 2
--------- | ---------
行 1a | 行 1b
行 2a | 行 2b
省略它们可以使编辑更轻松，但保留它们可以帮助避免错误。
尝试匹配列宽度以使您的表格看起来更整洁：
| 短 | 更长示例列 |
|-------|-----------------------|
| 文本 | 更多示例文本 |
这将使您的表格更易于阅读。
从头创建表格可能很困难。以下是一些帮助您的工具：
Markdown 表格生成器 可以让您无需编码即可创建表格。只需填写您的信息，它就会生成代码。
表格转换 可以快速将电子表格中的数据转换为 Markdown 表格。
Typora Markdown 编辑器 提供了一种简单的方式来添加和样式表格。
一些应用程序使处理 Markdown 表格变得容易：
Typora 提供了一个简洁的菜单来添加和更改表格。
Zettlr 允许您插入一个基本表格，然后直接编辑。
了解这些提示和工具可以让您更顺利地使用 Markdown 表格。请记住，目标是使信息清晰易读。
让我们通过使用 Markdown 制作表格来进行一些动手实践。以下是一些简单的练习，帮助您掌握此技能：
首先，让我们创建一个简单的表格，列出各种水果：
| 水果 | 颜色 | 形状 |
| 水果 | 颜色 | 形状 |
| - | - | - |
| 水果 | 颜色 | 形状 |
| - | - | - |
| 苹果 | 红色 | 圆形 |
| 水果 | 颜色 | 形状 |
| - | - | - |
| 苹果 | 红色 | 圆形 |
| 香蕉 | 黄色 | 长形 |
| 橙子 | 橙色 | 圆形 |
接下来，让我们为我们的水果表添加一些风格：
** 来加粗标题：| **水果** | **颜色** | **形状** |
| - | - | - |
| 香蕉 | *黄色* | 长形 |
| 橙子 | [橙子](https://www.w3schools.com/colors/colors_names.asp) | 圆形 |
为了更具挑战性，让我们创建一个包含更多细节的表格：
| **姓名** | **职位** | **薪水** |
| - | - | - |
| **姓名** | **职位** | **薪水** |
| - | - | - |
| 约翰 | 经理 | $80,000 |
| 莎拉 | 开发者 | $60,000 |
| 莉莎 | 设计师 | $50,000 |
| **姓名** | **职位** | **薪水** |
| - | - | ---: |
实践这些步骤是熟悉制作 Markdown 表格的好方法。尝试创建不同类型的表格并尝试使用不同的格式，看看您可以做什么。
在 Markdown 中编辑表格可能有点麻烦，但了解一些快捷键可以使这变得更容易。以下是一些可以帮助您更快工作的快捷键列表：
Tab - 跳到下一个单元格Shift + Tab - 返回上一个单元格Enter - 移动到下一行Ctrl/Cmd + Enter - 停止编辑表格Ctrl/Cmd + Arrow Keys - 轻松移动单元格Ctrl/Cmd + l - 使文本左对齐Ctrl/Cmd + e - 居中显示文本Ctrl/Cmd + r - 使文本右对齐Ctrl/Cmd + . - 移除任何特定对齐Alt + i - 在上方添加新行Alt + a - 在下方添加新行Alt + j - 在左边添加列Alt + l - 在右边添加列Alt + Shift + i - 移除当前行Alt + Shift + a - 移除当前行Alt + Shift + j - 移除当前列Alt + Shift + l - 移除当前列Shift + Arrow Keys - 选择更多单元格Ctrl/Cmd + Alt + Arrow Keys - 移动整行或整列熟悉这些快捷键后，您可以加快在 Markdown 中处理表格的速度。保持本指南以作为快速参考。
使用 Markdown 制作表格可以让您将信息整齐地组织以供网站使用。掌握后，这个过程相当简单。以下是需要记住的几点：
|。在标题行下方放置破折号 - 以指示文本的对齐方式。:。只需不断练习，您就会发现制作 Markdown 表格变得轻而易举。请记住保持表格简单明了，主要目标是以一种易于理解的方式分享信息。Markdown 表格非常适合此目的，因为它们让您以整齐且直接的方式布置数据。
要在 Markdown 中创建表格，请使用管道符 | 来制作列，使用破折号 - 来安排标题下文本的对齐，并使用冒号 : 来将文本左对齐、居中或右对齐。从第一行的标题开始，第二行的破折号定义列，然后在下方添加您的信息。保持一切整齐以便于阅读。一些 Markdown 编辑器可能有助于您更轻松地格式化表格。
要在表格中对齐文本：
:---:---:---:只需在第二行中更改要对齐的列下方的破折号即可。
许多 Markdown 编辑器，如 Typora 或 Zettlr，都有快捷键可以快速插入空白表格结构。例如，在 Windows 中按 Ctrl + T 会将一个空表格放入您的文档。请查看您编辑器的指南以获取特定快捷键。
要缩进代码块，在代码的前后添加空行，并使用至少 4 个空格或 1 个 Tab 缩进每一行代码。这会告诉 Markdown 以特殊方式格式化它，通常用不同的字体将其突出显示为代码。