使用 Typora 编辑 Markdown 文件时插入图片的方式

这里总结一下使用 Typora 工具编辑 Markdown 文件时,插入图片的语法和注意事项。

图片的插入方式分为行内式和参考式写法。语法中图片Alt的意思是如果图片因为某些原因不能显示,就用定义的图片Alt文字来代替图片。图片Title表示鼠标悬停于图片上时出现的文字。AltTitle都不是必须的。

行内式

语法说明:![图片Alt](图片地址 "图片Title")

![样例图](Resource\Typora\sample1.jpg "示意图")

图片地址为本地路径,显示效果如下:
在这里插入图片描述

还可以通过拖拉的方式,将本地路径中的图片或者网络上的图片插入到文档中,显示效果如下:

img

参考式

语法说明:在文档要插入图片的地方写![图片Alt][标记]

在文档的后面写上[标记]: 图片地址 "Title"

![样例图][样例图]

显示效果如下:
在这里插入图片描述
标记语法:
[样例图]: Resource\Typora\sample2.jpg “示意图”

调整图片大小

一般直接插入图片格式会是![](url),这种格式下图片无法更改大小。那么考虑另外一种 HTML 格式 <img src="url" />,使用这种格式就可以更改图片的样式,语法如下:

<img src="图片地址" width="700" height="400" />
<img src="图片地址" style="zoom:80%" />

显示效果如下:

并排显示图片

若有两张或更多图片需要显示在一行,可以使用如下 HTML 格式语法

<table>
    <tr>
        <td><center><img src="图片地址"></center></td>
        <td><center><img src="图片地址"></center></td>
        <td><center><img src="图片地址"></center></td>
    </tr>
</table>

显示效果如下:

  • 9
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值