【Markdown笔记】——语法学习part2 链接语法&图片语法&内嵌html代码语法&区块标签语法等

前1篇markdown相关博客：

【Markdown笔记】——语法学习part1 标题&段落&强调&斜体&引用&列表&分割线&代码块等

💝💝💝
欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。

---

推荐：DTcode7的博客首页。
一个做过前端开发的产品经理🧑，经历过睿智产品的折磨导致脱发之后👴，励志要翻身"农奴"把歌唱，一边打入敌人内部👮‍♂️一边持续提升自己👨‍🎓，为我们广大开发同胞谋福祉🎉，坚决抵制睿智产品折磨我们码农兄弟！💪

---

【专栏导航】

• 《微信小程序相关博客》：结合微信官方原生框架、uniapp等小程序框架，记录请求、封装、tabbar、UI组件的学习记录和使用技巧等
• 《Vue相关博客》：详细总结了常用UI库elementUI的使用技巧以及Vue的学习之旅。
• 《前端开发习惯与小技巧相关博客》：罗列常用的开发工具使用技巧,如 Vscode快捷键操作、Git、CMD、游览器控制台等
• 《AIGC相关博客》：AIGC、AI生产力工具的介绍，例如stable diffusion这种的AI绘画工具安装、使用、技巧等总结
• 《photoshop相关博客》：基础的PS学习记录，含括PPI与DPI、物理像素dp、逻辑像素dip、矢量图和位图以及帧动画等的学习总结
• 《IT信息技术相关博客》：作为信息化人员所需要掌握的底层技术，涉及软件开发、网络建设、系统维护等领域
• 《日常开发&办公&生产【实用工具】分享相关博客》：分享介绍各种开发中、工作中、个人生产以及学习上的工具，丰富阅历，给大家提供处理事情的更多角度，学习了解更多的便利工具，如Fiddler抓包、办公快捷键、虚拟机VMware等工具。

---

🙈吾辈才疏学浅，摹写之作，恐有瑕疵。望诸君海涵赐教。望轻喷，嘤嘤嘤 🙈
😚非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。愿斯文对汝有所裨益，纵其简陋未及渊博，亦足以略尽绵薄之力。倘若尚存阙漏，敬请不吝斧正，俾便精进！🕍
💝💝💝

Markdown

Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。它使用简单的符号和语法来表示标题、列表、链接、图片等元素，使得文档的格式和内容能够清晰地分离。

Markdown具有以下特点和优势：

1. 简洁明了：Markdown的语法简单易懂，学习成本低，可以快速上手。它使用简单的符号和语法来表示不同的格式，避免了传统HTML标签的繁琐性。

2. 可读性强：由于Markdown使用纯文本格式，因此它可以在任何文本编辑器中打开和编辑，无需特殊的软件或插件。同时，Markdown文档的格式和内容清晰分明，易于阅读和理解。

3. 通用性高：Markdown文档可以轻松转换为HTML、PDF、Word等多种格式，方便在不同平台上进行查看和分享。同时，许多网站、博客和文档系统都支持Markdown格式，使得Markdown成为跨平台文档编写的首选格式。

4. 扩展性好：Markdown可以通过添加自定义的语法和扩展来实现更多的功能和特性。例如，可以使用特殊的标记来插入代码块、表格、脚注等元素，满足不同领域的需求。

Markdown是一种简单、易读、易写的标记语言，适用于编写各种类型的文档。它的普及和应用已经成为现代文档编写的主流趋势。

markdown语法

markdown链接语法

链接文本放在中括号内，链接地址放在后面的括号中，链接title可选。
超链接Markdown语法代码：[超链接显示名](超链接地址 "超链接title")
对应的HTML代码：<a href="超链接地址" title="超链接title">超链接显示名</a>
示例：
DTcode7 的博客首页

[DTcode7](https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343) 的博客首页

给链接增加 Title

链接title是当鼠标悬停在链接上时会出现的文字，这个title是可选的，它放在圆括号中链接地址后面，跟链接地址之间以空格分隔。
示例：
这是一个链接 DTcode7

效果截图：

这是一个链接 [DTcode7](https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343 "俺是一个好人") 

网址和Email地址

使用尖括号可以很方便地把URL或者email地址变成可点击的链接。
示例：
直接放一个链接，别人需要复制粘贴才能访问：
https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343
而这种则能让别人直接点击访问
https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343

<https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343>

邮箱也同理。

带格式化的链接

上一篇博客：

【Markdown笔记】——语法学习part1 标题&段落&强调&斜体&引用&列表&分割线&代码块等
我们介绍加粗、斜体等格式语法

在链接里，同样可以是累加这些强调格式：
强调 链接, 在链接语法前后增加星号。 要将链接表示为代码，请在方括号中添加反引号。

示例：
这是我的博客主页：https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343
这是我的博客主页：https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343

这是我的博客主页：**<https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343>**
这是我的博客主页：*<https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343>*

markdown图片语法

要添加图像，请使用感叹号 (!), 然后在方括号增加替代文本，图片链接放在圆括号里，括号里的链接后可以增加一个可选的图片标题文本。

插入图片Markdown语法代码：

![图片alt](图片链接 "图片title")

示例：

![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0f53e4f03f75dea8e017f5833f6e0b2a.png)

链接图片

给图片增加链接，请将图像的Markdown 括在方括号中，然后将链接添加在圆括号中
示例：这张图片可以点击

[![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/976811327d254157b3d422374e74f5fe.png)](https://blog.csdn.net/black_cat7?spm=1010.2135.3001.5343)

markdown内嵌 HTML 标签语法

区块元素，比如 <div>、<table>、<pre>、<p> 等标签，必须在前后加上空行，以便于内容区分。而且这些元素的开始与结尾标签，不可以用 tab 或是空白来缩进。Markdown 会自动识别这区块元素，避免在区块标签前后加上没有必要的<p>标签。

例如，在 Markdown 文件里加上一段 HTML 表格：

下面是个表格：

<table>
    <tr>
        <td>早饭</td>
         <td>中饭</td>
         <td>晚饭</td>
    </tr>
    <tr>
        <td>包子</td>
         <td>小炒牛肉</td>
         <td>炸鸡</td>
    </tr>
      <tr>
        <td>豆浆</td>
         <td>黄焖鸡</td>
         <td>烤鸭</td>
    </tr>
</table>

当然，你也可以用markdown自带的表格语法，效果一样，只是这里介绍直接使用html语法的效果

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |