【20220128】 Markdown 笔记总结7 -- 图片

1|0Markdown 图片

1|1语法格式



示例：

点击查看代码

![Baidu](https://www.baidu.com/img/bd_logo1.png)
![Baidu](https://www.baidu.com/img/bd_logo1.png "Baidu")

显示效果：

即：

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

1|2使用图片网站变量

请参考链接区，既 [][] 方式

点击查看代码

这个链接用 1 作为网址变量 [Baidu][1].
[1]:https://www.baidu.com/img/bd_logo1.png

显示效果：
这个链接用 1 作为网址变量 [Baidu][1].
[1]:https://www.baidu.com/img/bd_logo1.png

1|3指定图片高度和宽度

使用<img>便签实现

点击查看代码

<img src="https://www.baidu.com/img/bd_logo1.png" width="50%">

显示效果：

1|4屏幕截图

通过WIN + Shift + S 去截图获取信息是最快的办法：

点击查看代码

![image](https://img2022.cnblogs.com/blog/1755023/202201/1755023-20220128133435761-315299092.png)

显示效果：

__EOF__

本文作者：霸珏天下
本文链接：https://www.cnblogs.com/gaozhao001/p/15852375.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！