MarkDown入门图片

简介: MarkDown入门图片

Markdown 技能树(5):图片

Markdown 使用一种和链接很相似的语法来标记图片,同样也允许两种样式: 行内和参考。

行内形式图片

行内形式图片的语法格式为![Alt text](/path/to/img.jpg "Optional title"),比如:

![keyboards](https://source.unsplash.com/500x500/?keyboards "好酷的键盘")

参考形式图片

参考形式图片的语法格式为如下:

![Alt text][id]
[id]: url/to/image  "Optional title attribute"

比如:

![Git 课程][git]
[git]: https://ucc.alicdn.com/images/user-upload-01/20210112151738537.jpg

到目前为止, Markdown 还没有办法指定图片的宽高,如果需要的话,可以使用普通的 标签。

<img src="https://ucc.alicdn.com/images/user-upload-01/20210112151738537.jpg" width="300px" height="200px" alt="好好学习">

小结

让我们来回顾一下图片的知识点吧:

  1. 可以使用 ![Alt text](/path/to/img.jpg "Optional title") 的格式添加一个图片
  2. 可以使用 参考样式 的格式添加一个图片,其结构为 ![内容][1] + [1]: image_url "alt 提示" 的组合
目录
相关文章
|
5天前
|
存储 前端开发 JavaScript
🚀前端轻松实现网页内容转换:一键复制、保存图片及生成 Markdown
在现代前端开发中,提升用户的交互体验至关重要。本文将详细介绍如何使用 HTML2Canvas 和 Turndown 两个强大的 JavaScript 库,实现将网页选中文本转化为图片并保存或复制到剪贴板,或将内容转换为 Markdown 格式。文章包含核心代码实现、技术细节和功能拓展方向,为开发者提供了一个轻量级的解决方案,提升用户体验。
105 68
|
2月前
|
Web App开发 Linux Windows
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
|
前端开发
【前端】从markdown格式文本中提取图片链接
【前端】从markdown格式文本中提取图片链接
134 0
|
小程序 前端开发
微信小程序_自定义markdown的图片点击放大处理
微信小程序_自定义markdown的图片点击放大处理
373 0
|
Python Windows
工具:语雀导出MarkDown文档后图片修复
工具:语雀导出MarkDown文档后图片修复
511 0
|
程序员 Perl
MarkDown入门学习总结教程
我们坚信写作写的是内容,所思所想,而不是花样格式.
142 0
MarkDown入门学习总结教程
markdown插入图片、音频视频
markdown插入图片、音频视频
305 0
markdown插入图片、音频视频
Markdown (CSDN) MD编辑器(三)- 图片缩放、指定尺寸、居中、左对齐、右对齐
Markdown (CSDN) MD编辑器(三)- 图片缩放、指定尺寸、居中、左对齐、右对齐
1093 0
Markdown (CSDN) MD编辑器(三)- 图片缩放、指定尺寸、居中、左对齐、右对齐
Hugo 网站优化(1): 渲染 Markdown 图片引用地址
搭建一个自己的博客系统, 优化图片展示, 让书写更简单
455 0
Hugo 网站优化(1): 渲染 Markdown 图片引用地址
|
存储 SQL 关系型数据库
Python玩转阿里云OSS对象存储,批量转存markdown和html图片
Python玩转阿里云OSS对象存储,批量转存markdown和html图片