土薯工具 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="替代文本">

代碼

  • 行內代碼

    • 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文件等。

評論區