在Typora中添加图片并调整图片 您所在的位置:网站首页 怎么设置png大小 在Typora中添加图片并调整图片

在Typora中添加图片并调整图片

2024-07-06 19:35| 来源: 网络整理| 查看: 265

目录

1.添加图片

1.1使用 Markdown 图片语法

1.1.1使用外部链接

1.1.2使用相对路径

1.1.3使用本地文件

1.2使用 HTML 标签

2.调整图片

2.1调整大小

2.2居中显示

2.3设置边距

2.4设置边框

1.添加图片 1.1使用 Markdown 图片语法

在Markdown 中添加图片三种方式:

![替代文本](图片链接 "图片标题")

1.1.1使用外部链接

使用图片的外部链接,例如:

![替代文本](https://example.com/image.jpg "图片标题") 1.1.2使用相对路径

如果图片在同一目录下,你可以使用相对路径:

![替代文本](./image.jpg "图片标题") 1.1.3使用本地文件

如果图片在本地文件系统中,你也可以提供本地路径:

![替代文本](file:///path/to/image.jpg "图片标题")

这里使用百度链接作为示例:

![百度](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png "百度搜索")

1.2使用 HTML 标签

在Typora中也可以使用 HTML  标签添加图片

替代文本

src 属性指定了图片的路径,可以将路径像上面一样添加相对路径或绝对路径,也可以是网络上的 URL。

请注意:

"替代文本" 提供一个对图片的描述,这在图片无法加载时会显示。"图片标题" 也是可选的,可以在鼠标悬停在图片上时显示。在某些情况下,Markdown 解析器可能不支持所有的特性,这取决于你使用的编辑器或平台。

2.调整图片

在 Typora 中,添加一些参数和标记来调整插入的图片的大小和布局。

2.1调整大小

使用 width 和 height 属性可以调整图片的大小。例如:

替代文本

将图片的宽度设置为 200 像素,高度设置为 200 像素。

还可以使用zoom来缩放图片的显示大小。如将图片的显示大小缩小到原始大小的 50%:

百度

2.2居中显示

float 属性来设置图片的浮动位置如left,center,right。

替代文本

例如:

百度

还可以通过align调整图片的位置:

替代文本 2.3设置边距

使用 margin 属性来设置外边距。

替代文本

设置了图片的外边距为10像素。

例如:

百度

2.4设置边框

使用 border 属性添加边框。

替代文本

给图片添加一个1像素的黑色实线边框。

例如:

百度

最后图片调整为居中,缩小50%和添加一个1像素的黑色实线边框,例如:

百度



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有