飞翔飞翔
主页
  • 计算机基础

    • TCP协议
  • 数据库

    • SQL教程
  • 编程语言

    • C语言
    • Python2
    • Python3
  • 数据格式

    • JSON教程
  • 工具

    • Markdown指南
  • Git

    • GitFlow
  • Quartz

    • Quartz教程
  • Java

    • Java设计模式
  • 缓存

    • Redis教程
联系
阿里云
主页
  • 计算机基础

    • TCP协议
  • 数据库

    • SQL教程
  • 编程语言

    • C语言
    • Python2
    • Python3
  • 数据格式

    • JSON教程
  • 工具

    • Markdown指南
  • Git

    • GitFlow
  • Quartz

    • Quartz教程
  • Java

    • Java设计模式
  • 缓存

    • Redis教程
联系
阿里云
  • 入门指南
  • 速查表
  • 基本语法

    • 标题
    • 段落
    • 换行
    • 强调
    • 引用块
    • 列表
    • 代码
    • 水平线
    • 链接
    • 图片
    • 转义字符
    • HTML
  • 扩展语法

    • 可用性
    • 表格
    • 围栏代码块
    • 脚注
    • 标题ID
    • 定义列表
    • 删除线
    • 任务列表
    • 表情符号
    • 高亮
    • 下标
    • 上标
    • 自动URL链接
    • 禁用自动URL链接
  • 实用技巧

    • 概述
    • 下划线
    • 缩进
    • 居中
    • 颜色
    • 注释
    • 提示框
    • 图片大小
    • 图片说明
    • 链接目标
    • 符号
    • 表格格式
    • 目录
    • 视频
  • 工具
  • 版权声明

图片说明

Markdown 本身不支持图片说明,但有两种可能的解决方法。如果您的 Markdown 应用程序支持 HTML,您可以使用 figure 和 figcaption HTML 标签为图片添加说明。

<figure>
    <img src="/images/markdown-guide/albuquerque.jpg"
         alt="阿尔伯克基,新墨西哥州">
    <figcaption>阿尔伯克基郊外的一条单轨小径。</figcaption>
</figure>

渲染输出:

阿尔伯克基,新墨西哥州
阿尔伯克基郊外的一条单轨小径。

提示

如果您的 Markdown 应用程序支持 CSS,您可以使用 CSS 来设置说明的外观样式。

如果您的 Markdown 应用程序不支持 HTML,您可以尝试将说明直接放在图片下方,并使用强调。

![阿尔伯克基,新墨西哥州](/images/markdown-guide/albuquerque.jpg)
*阿尔伯克基郊外的一条单轨小径。*

渲染输出:

阿尔伯克基,新墨西哥州阿尔伯克基郊外的一条单轨小径。

上一页
图片大小
下一页
链接目标