Dr. Computer .....

• 將 HTML 程式碼顯示於網頁中 : Markdown ... 2022-02-00

在網頁設計和開發的過程中，我們經常需要在網頁上展示 HTML 程式碼，以便與讀者分享程式示例、教學內容或說明概念。透過適當的標記和格式化，我們可以讓程式碼更易讀且容易理解。

下面將介紹如何使用 Markdown 格式來顯示 HTML 程式碼的舉例說明。

首先，我們需要使用適當的 Markdown 標記將程式碼塊包裹起來，以指示它是程式碼而非一般文字。常見的標記有以下幾種：

• 使用三個反引號（```）包裹整個程式碼區塊。

• 或者使用單個反引號（`）將程式碼內嵌於句子中。

舉例來說，假設我們有一段簡單的 HTML 程式碼如下：

使用 Markdown 的程式碼區塊標記，我們可以將上述 HTML 程式碼以更易讀的方式顯示於網頁中，如下所示：

在瀏覽器中顯示時，上述 Markdown 程式碼區塊將被自動轉換為類似下方的 HTML 程式碼展示：

透過這種方式，我們可以輕鬆地將 HTML 程式碼嵌入到網頁中，讓讀者更容易理解和閱讀我們的程式示例或教學內容。