图片—Markdown极简入门教程(5)
如果你知道如何在Markdown中创建链接,则也可以创建图像。语法几乎相同。
图像也有两种样式,就像链接一样,它们都以完全相同的方式呈现。链接和图像之间的区别在于,图像的开头带有感叹号(!)。
第一种图像样式称为嵌入式图像链接。要创建内嵌图像链接,请输入一个感叹号(!),将alt文本括在方括号([ ])中,然后将该链接括在括号中(( ))。(替代文字是描述视障者的图像的短语或句子。)
例如,要创建一个到https://octodex.github.com/images/bannekat.png的内嵌图像链接,并显示一个名为Benjamin Bannekat的替代文本,您可以在Markdown中编写该链接
![Benjamin Bannekat](https://octodex.github.com/images/bannekat.png)
。
在下面的框中,将链接转到图像,然后填写替代文本括号,以说出“漂亮的老虎”:
![漂亮的老虎](https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg)
尽管您不需要添加替代文本,但它将使您的内容可供包括视障人士,使用屏幕阅读器或没有高速Internet连接的人群在内的受众访问。
对于参考图像,您将遵循与参考链接相同的模式。您将在Markdown之前加上一个感叹号,然后为alt文本提供两个括号,然后为image标签提供两个括号,如下所示:![The founding father][Father]在Markdown页面的底部,您将为标签定义一个图像,是这样的:[Father]: http://octodex.github.com/images/founding-father.jpg。
在下面的框中,我们已经开始放置一些参考图像。就像上一课一样,您需要完成它们。将第一个参考标签称为“黑色”,并使其链接到https://upload.wikimedia.org/wikipedia/commons/a/a3/81_INF_DIV_SSI.jpg;使第二个图片链接到http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png。
![黑猫][黑色]
![橘猫] [橘]
[黑色]:https://upload.wikimedia.org/wikipedia/commons/a/a3/81_INF_DIV_SSI.jpg
[橘]:http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png
你已经了解了在Markdown中添加图像的全部功能!
- 数据挖掘工程师:如何通过百度地图API抓取建筑物周边位置、房价信息
- crontab导致CPU异常的问题分析及处理(r3笔记第100天)
- 短信接口被恶意调用(二)肉搏战-阻止恶意请求
- 关于首屏时间采集自动化的解决方案
- javax.net.ssl.SSLHandshakeException: No appropriate protocol (protocol is disabled or cipher suites
- 一次数据库无法登陆的问题及排查 (r3笔记第99天)
- 用深度学习keras的cnn做图像识别分类,准确率达97%
- 短信发送接口被恶意访问的网络攻击事件(三)定位恶意IP的日志分析脚本
- job处理缓慢的性能问题排查与分析(r4笔记第18天)
- 京东商品评论情感分析:数据采集与词向量构造方法
- springboot开启access_log日志输出
- 完美的执行计划导致的性能问题(r4笔记第17天)
- 解决Docker容器时区及时间不同步的问题
- 移动端测试方案--sptt
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 感知机的股票预测算例及python代码实现 | 山人聊算法 | 5th
- C++基础 智能指针
- 排序算法笔记(C++版)
- 算法集锦(17) | 推荐系统 | 基于机器学习的商品定价系统
- C++基础 STL简介
- 基于层次聚类的工业数据分析研究
- 详细记录了python爬取小说《元尊》的整个过程,看了你必会~
- C++基础 静态库与动态库
- 《重构-代码整洁之道TypeScript版》第3天
- 可读代码编写炸鸡十 - 保持单纯
- C++基础 多线程笔记(二)
- JVM详解之:HotSpot VM中的Intrinsic methods
- C++基础 多线程笔记(一)
- C++基础 数据类型占字节大小分析
- socket方式传输文件