HTML 转 Markdown 教程：标题、链接、列表、表格怎么转换
一句话答案
粘贴 HTML 代码即可转成 Markdown：<h2> 转为“##”，<strong> 转为“**粗体**”，<a> 转为“[文字](链接)”，<li> 转为“- ”列表项。CSS 样式、颜色和复杂布局无法用 Markdown 表达，会被忽略。
广告Advertisement
转换步骤
- 复制 HTML：在网页上右键“检查”复制元素的 HTML，或从编辑器的“源代码”模式复制。
- 粘贴转换：打开 HTML 转 Markdown，粘贴到输入框，结果实时显示。
- 复制结果：点击“复制结果”，粘贴到 Markdown 编辑器或笔记软件中。
 和 - 列表项](img/html-to-markdown-main.webp)
⬇️ HTML 转 Markdown
免费在线使用，文件和数据只在你的浏览器本地处理，无需注册。
转换对照
| HTML | Markdown |
|---|---|
<h1>…<h6> | # 到 ###### |
<strong>、<b> | **粗体** |
<em>、<i> | *斜体* |
<a href="…"> | [文字](网址) |
<img src="…" alt="…"> |  |
<ul><li> | - 列表项 |
<ol><li> | 1. 列表项 |
<blockquote> | > 引用 |
<pre><code> | 用三个反引号包围的代码块 |
<table> | Markdown 表格（用竖线分隔列） |
广告Advertisement
无法转换的内容
- 字体颜色、字号、背景色等 CSS 样式；
- 多列布局、合并单元格的复杂表格；
- 网页中的脚本、表单和视频嵌入代码。
需要保留这些效果时，可以在 Markdown 中直接保留 HTML 片段（多数 Markdown 渲染器支持）。
转换后检查
- 图片地址是否为完整网址（相对路径在新环境中可能失效）；
- 表格是否对齐，复杂表格可用 Markdown 表格教程 里的工具重新生成；
- 多余的空行和空格，可以手动清理。
用 Markdown 做什么
- 写笔记、文档和 README；
- 发布到支持 Markdown 的平台；
- 转成 PDF，见 Markdown 转 PDF 教程。
常见问题
可以直接输入网址转换吗？
不可以，需要粘贴 HTML 代码；工具只在浏览器本地处理。
公众号文章能转吗？
可以复制文章的 HTML 源码转换，排版相关见 公众号排版教程；转载请遵守版权规定。
转换后链接丢失了？
检查原 HTML 中的 a 标签是否有 href 属性。
HTML 代码太乱？
可以先格式化或压缩，见 HTML 压缩教程。