Markdown 链接、图片、表格(四)

Markdown 链接、图片、表格

Markdown 链接

链接的使用

第一种方式:使用中括号和小括号[链接名称](链接地址)
格式1:[我的博客](https://www.cnblogs.com/xdy-)
效果1:我的博客

第二种方式:直接使用尖括号<链接地址>
格式2:<https://www.cnblogs.com/xdy-/>
效果2:https://www.cnblogs.com/xdy-/

高级链接

使用两个中括号将地址名称和地址变量括起来,然后在文档的末尾给变量赋值
格式:
这个链接使用baidu作为网址变量[Baidu][baidi]
这个链接使用cnblogs作为网址变量[Cnblogs][cnblogs]
[baidu]:http://www.baidu.com/
[cnblogs]:https://www.cnblogs.com/xdy-/
效果:
这个链接使用baidu作为网址变量[Baidu][baidi]
这个链接使用cnblogs作为网址变量[Cnblogs][cnblogs]
[baidu]:http://www.baidu.com/
[cnblogs]:https://www.cnblogs.com/xdy-/
(注:这里的效果没有完全在正确地显示出来,实际上在Typora上渲染的效果如下图)

Markdown 图片

图片语法格式

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")
实例1:
![alt 博客园图标](https://images.cnblogs.com/cnblogs_com/xdy-/1816936/t_200730020435bokeyuan.gif)
效果1:
alt 博客园图标
实例2:
![alt 博客园图标](https://images.cnblogs.com/cnblogs_com/xdy-/1816936/t_200730020435bokeyuan.gif "博客园图标")
效果2:
alt 博客园图标

像链接那样给图片地址赋值

格式:
[Bokeyuan](https://images.cnblogs.com/cnblogs_com/xdy-/1816936/t_200730020435bokeyuan.gif)
效果:
Bokeyuan

使用普通的 <img> 标签

<img src="https://images.cnblogs.com/cnblogs_com/xdy-/1816936/t_200730020435bokeyuan.gif" width="128" height="54">
效果:

Markdown 表格

Markdown 表格语法

制作表格使用单竖线 | 来分隔不同的单元格,使用减号 - 来分隔表头和其他行
格式:
|第一列|第二列|第三列|
| --- | --- | --- |
|单元格1|单元格2|单元格3|
|单元格4|单元格5|单元格6|
效果:

第一列 第二列 第三列
单元格1 单元格2 单元格3
单元格4 单元格5 单元格6

表格对齐方式

表格对齐方式是在分隔行中的减号 - 两端使用冒号 : 进行标记
格式:
|左对齐|居中|右对齐|
| :--- | :---: | ---: |
|单元格1|单元格2|单元格3|
|单元格4|单元格5|单元格6|
效果:

左对齐 居中 右对齐
单元格1 单元格2 单元格3
单元格4 单元格5 单元格6
原文地址:https://www.cnblogs.com/xdy-/p/13402107.html