Markdown教程--Markdown图片

linus.lin

已于 2022-11-22 13:14:25 修改

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Markdown 文章标签： markdown

于 2021-07-14 17:05:42 首次发布

本文链接：https://blog.csdn.net/Tiger_lin1/article/details/118732263

Markdown 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何在Markdown中插入图片，包括基本语法、alt属性的重要性、图片尺寸控制以及使用变量的方法。通过实例演示了如何创建带有标题和链接的图片，并探讨了不同技术领域的应用.

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Markdown教程–Markdown图片

Markdown 图片语法格式如下：

![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")

开头一个感叹号 !
接着一个方括号，里面放上图片的替代文字
接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

使用实例:

![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)

![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")S

显示结果如下：

A042DF30-C232-46F3-8436-7D6C35351BBD

当然，你也可以像网址那样对图片网址使用变量:

这个链接用 1 作为网址变量 [RUNOOB][1].
然后在文档的结尾为变量赋值（网址）

[1]: http://static.runoob.com/images/runoob-logo.png

显示结果如下：

75AA6EBF-CC57-44A6-A585-5EE3DD94E42A

Markdown 还没有办法指定图片的高度与宽度，如果你需要的话，你可以使用普通的标签。

<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">

显示结果如下：

55F2A67D-F4BD-4960-AC55-DC690A415878