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:
实例2:
![alt 博客园图标](https://images.cnblogs.com/cnblogs_com/xdy-/1816936/t_200730020435bokeyuan.gif "博客园图标")
效果2:
像链接那样给图片地址赋值
格式:
[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 |