前面讲了 Markdown 的基本语法,常见的 Markdown 编辑器,在继续讲解其他知识之前,有必要稍微深入了解一下 Markdown 与 HTML 的关系。
HTML 简介
什么是 HTML?其实它也是标记语言的一种,但是比 Markdown 更重量级一点,语法更复杂一点。
举例,在 Markdown 中,想要表示某段文字是标题,用的是井号 #
,而在 HTML 中,则要用 <h1>
,例如:
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
如果要斜体,用 HTML 要这样写:
<i> 这是斜体字 </i>
如果是图片,用 HTML 要这样写:
<img src="https://image.peterjxl.com/wife.jpg" alt="Smiley face" width="42" height="42">
HTML 的语法大致就是这样,比起 Markdown 复杂了不少。
HTML 其实也是纯文本,编程人员用 HTML 设计好网页,经过浏览器的渲染后,就是我们平时上网时看到的网页了。
是不是和 Markdown 很像?写作者用 Markdown 写文章,经过 Markdown 编辑器渲染,得到带格式的文章。
Markdown 与 HTML
Markdown 其实和 HTML 有着千丝万缕的关系,Markdown 在渲染后其实就是 HTML 格式!可以说,Markdown 就是脱胎于 HTML 的。
反过来,在 Markdown 中是可以直接用大部分的 HTML 的,例如使用 <i>
表示斜体,<img>
表示图片…
为此,我们甚至可以在 Markdown 中,通过使用 HTML 来嵌入音频、视频(包括 bilibli,youtube)、地图、Office 文档等等,非常灵活。
例如我就有一些文章就嵌入了音频,点击就可以直接发音:
复杂表格也是同理,有时候想要合并某些单元格,但是 Markdown 不支持,因此可以用 HTML 的 <table>
标签。
最后
如果你不了解 HTML,那么可以先忽略这篇博客,后续要用到了再说。
其实了解了本篇之前的几篇教程,基本上就可以上手使用 Markdown 了,高级技巧用到再学也不迟。