行内元素
行内元素:不会从新行开始,只占据必要的宽度。也就是说行内元素,多个元素可以写在一行内。
1. 超链接
超链接(Hyperlink)是用于创建可点击的文本或图像,使用户能够快速跳转到指定资源的元素。其作用是建立内容间的连接关系,提升信息的关联性和可访问性。
常用的超链接有三种语法:
- 内联链接。
- 自动链接。
- 引用链接。
1. 内联链接
主要用于显示的内容和链接地址不一样时的超链接。
语法
[显示文本](链接地址 "超链接的文本注释")`
"超链接的文本注释" 可以不写。
示例
主页地址:[魏明择的官方网站](https://weimingze.com "点我跳转到魏明择的网站")
教程位置:[Markdown教程](https://weimingze.com/markdown/)
效果如下:
主页地址:魏明择的官方网站
教程位置:Markdown教程
对应 HTML 文档如下:
<p>主页地址:<a href="https://weimingze.com" title="点我跳转到魏明择的网站">魏明择的官方网站</a></p>
<p>教程位置:<a href="https://weimingze.com/markdown/">Markdown教程</a></p>
2. 自动链接
用于显示的内容和链接地址一致的超链接。主要用于 URL 链接 和 EMail 链接。语法简单。
语法
<链接地址>
示例
Python教程的链接地址:<https://weimingze.com/pythonbase/>
效果如下:
Python教程的链接地址:https://weimingze.com/pythonbase/
对应 HTML 文档如下:
<p>Python教程的链接地址:<a href="https://weimingze.com/pythonbase/">https://weimingze.com/pythonbase/</a></p>
3. 引用链接
引用链接(Reference Link) 可以让你定义一个链接,并在文档中多次引用它,使文档更整洁易读。
引用链接分为两部分:
- 定义引用:定义一个链接标签,也就是给链接取个名字或标号,便于关联此链接。
- 定义引用可以在文档的任意位置,一般在文档的最下端。
- 定义引用的部分不会在文档中显示。
- 使用链接引用:创建超链接,链接地址给出标签(而非直接给出链接地址)。
定义引用的语法
[链接标签名]: 链接地址 "提示文本"
# 或
[链接标签名]: 链接地址
语法说明
- 链接标签名可以是字符,数字和下划线(不区分大小写)
- 提示文本 是鼠标停靠提示语,提示文本 和 链接地址之间要有一个或多个空格分隔。
- 提示文本是可选择,文本两段可以用单引号,也可以用双引号括起来。
- 停靠光标提示语可以放到一下行,可以缩进。
使用链接引用的语法
[文字描述][链接标签名]
语法说明
- 文字描述 是用户可见部分。
- 链接标签名 必须是在文档中定义的标签。
示例
在网络上有一个 [标准 Markdown 教程][1],他是 [魏明择][weimz]老师写的,这个教程可以在 [魏明择的官方网站][weimz] 找到。
关于 Markdown 的语法非常简单,建议大家学习。
[1]: https://weimingze.com/markdown/ "这是中文标准 Markdown 教程!"
[weimz]: https://weimingze.com/
效果如下:
在网络上有一个 标准 Markdown 教程,他是 魏明择老师写的,这个教程可以在 魏明择的官方网站 找到。
关于 Markdown 的语法非常简单,建议大家学习。
对应 HTML 文档如下:
<p>在网络上有一个 <a href="https://weimingze.com/markdown/" title="这是中文标准 Markdown 教程!">标准 Markdown 教程</a>,他是 <a href="https://weimingze.com/">魏明择</a>老师写的,这个教程可以在 <a href="https://weimingze.com/">魏明择的官方网站</a> 找到。</p>
<p>关于 Markdown 的语法非常简单,建议大家学习。</p>