第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://example.com/panda.jpg "可爱的熊猫")

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

高级技巧：

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

引用式图片：

![Logo][logo]

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

3.3 表格

3.3.1 基础表格

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

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

|效果：|||

3.3.2 快速生成工具

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

3.4 分割线与注释

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

---
***

效果：

注释（部分平台支持）：

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

3.5 小练习

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

‍