土薯工具 Toolshu.com 登录 用户注册

Markdown/HTML互转

  • Markdown转HTML
  • HTML转Markdown
请在右侧文本框中输入html代码。 【暂不支持html表格解析为Markdown】
自动换行

解析结果输出框...

使用说明
Markdown在线解析工具支持所有的Markdown语法,提供实时预览,支持将Html和Markdown格式之间互相转换。
※注:暂不支持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. 列表项12. 列表项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="替代文本">

代码

  • 行内代码: 使用反引号包裹代码,例如`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文件等。

评论区