Markdown/HTML互轉

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