Markdown/HTML在线互转工具

Markdown在线解析支持所有的Markdown语法，提供实时预览，支持将HTML和Markdown格式之间互相转换。

什么是HTML？

HTML（HyperText Markup Language，超文本标记语言）是一种用来创建网页的标准语言。它通过一系列的标签来定义网页的内容和结构，比如标题、段落、图片和链接等。简单来说，HTML就像是网页的“骨架”，它告诉浏览器如何显示内容。HTML是构建网站的基础，非常容易学习和使用。

什么是Markdown？

Markdown是一种轻量级的文本格式语言，用于编写易于阅读、易于转换成HTML的文档。

下面是Markdown常见语法及其对应HTML表示的简要说明：

标题

• Markdown语法: # 一级标题、## 二级标题 ... ###### 六级标题
• HTML等效: <h1>一级标题</h1>、<h2>二级标题</h2> ... <h6>六级标题</h6>

强调

• Markdown语法: *斜体文本* 或 _斜体文本_、**粗体文本** 或 __粗体文本__
• HTML等效: <em>斜体文本</em>、<strong>粗体文本</strong>

列表

• 无序列表

  • Markdown语法: - 列表项1、+ 列表项2、* 列表项3
  • HTML等效: <ul><li>列表项1</li><li>列表项2</li><li>列表项3</li></ul>

• 有序列表

  • Markdown语法: 1. 列表项1、2. 列表项2
  • HTML等效: <ol><li>列表项1</li><li>列表项2</li></ol>

链接

• Markdown语法: [链接文字](http://example.com)
• HTML等效: <a href="http://example.com">链接文字</a>

图片

• Markdown语法: ![替代文本](http://example.com/image.jpg)
• HTML等效: <img src="http://example.com/image.jpg" alt="替代文本">

代码

• 行内代码

  • Markdown语法: 使用反引号包裹代码，例如`console.log('Hello World');`
  • HTML等效: <code>console.log('Hello World');</code>

• 代码块

  • Markdown语法：使用三个反引号 (```) 来包裹代码，并可以选择性地指定语言，以启用语法高亮

  ```[指定语言]
  多行代码...
  ```

  • HTML等效: <pre><code>多行代码...</code></pre>

引用

• Markdown语法:

> 引用文本
> 可以有多行

• HTML等效: <blockquote>引用文本<br>可以有多行</blockquote>

水平线

• Markdown语法: --- 或 *** 或 ___
• HTML等效: <hr>

Markdown通过简洁的语法结构，使得文本内容既便于人类阅读，又易于转换为结构化的HTML文档，非常适合编写文档、博客、README文件等。