第3章：链接、图片与表格

第3章：链接、图片与表格

第3章：链接、图片与表格

---

3.1 超链接

3.1.1 行内链接

用 [显示文本](URL)​ 格式：

访问[谷歌](https://www.google.com)搜索。

效果：
访问谷歌搜索。

3.1.2 引用式链接

先定义链接标识符，再引用：

这是[百度][baidu-link]的引用方式。

[baidu-link]: https://www.baidu.com "百度官网"

效果：
这是百度的引用方式。

---

3.2 插入图片

语法与链接类似，前加 !​：

![替代文本](图片URL "标题（可选）")

示例：

![熊猫](https://img2023.cnblogs.com/blog/2161967/202502/2161967-20250213100319190-427983998.jpg "可爱的熊猫")

效果：
（因无法加载图片，此处显示替代文本“熊猫”）

高级技巧：

• 使用图床（如Imgur、阿里云OSS）托管图片，避免本地路径问题。

• 引用式图片：

  ![Logo][logo]
  
  [logo]: /assets/logo.png "公司Logo"
  

---

3.3 表格

3.3.1 基础表格

用 |​ 分隔列，-​ 分隔表头与内容，冒号 :​ 控制对齐：

| 左对齐 | 居中对齐 | 右对齐 |
| :----- | :------: | -----: |
| 单元格 | 单元格   | 单元格 |
| 内容   | 内容     | 100    |

|效果：|||

左对齐	居中对齐	右对齐
单元格	单元格	单元格
内容	内容	100

3.3.2 快速生成工具

手动对齐繁琐，可用在线工具（如Tables Generator）生成代码。

---

3.4 分割线与注释

• 分割线：用三个及以上 -​ 或 *​：

  ---
  ***
  

  效果：

  ---

  ---

• 注释（部分平台支持）：

  <!-- 这是隐藏的注释 -->
  

---

3.5 小练习

1. 插入一个指向GitHub的引用式链接
2. 创建一个包含两列（“项目”“价格”）的右对齐表格
3. 用分割线分隔两个段落

‍