HTML點擊按鈕引用一段代碼 在Web開發中，我們經常需要引用代碼示例。在這種情況下，HTML的代碼標記可以幫助我們將代碼示例以適當的格式呈現給讀者。本文將介紹如何使用HTML的 p 標記和 pre 標記來實現單擊按鈕以引用代碼示例的效果。 當我們想在網頁中展示代碼時，最常用的標記是 pre 標記。此標記會使代碼以等寬字體呈現，并將所有空格和換行符保留為原樣。例如：

function sayHello() {
console.log("Hello, World!");
}

這段代碼將在屏幕上以等寬字體呈現，并且標記中的所有空格和換行符都將顯示出來。 有時，我們需要在網頁中添加一個單擊按鈕來激活代碼示例。在這種情況下，我們可以使用 p 標記和 JavaScript 代碼來實現此功能。以下是示例代碼：

單擊按鈕以查看代碼示例：顯示

function sayHello() {
console.log("Hello, World!");
}

此代碼將顯示一個包含按鈕的 p 標記。單擊此按鈕時，將執行 showCode() 函數，該函數將 p 標記中的 pre 標記的 display 屬性從 "none" 更改為 "block"，以顯示代碼示例。再次單擊按鈕時，將把 display 屬性設置回 "none"，以隱藏代碼示例。 總結 HTML的 pre 標記可以使代碼在網頁上以等寬字體呈現，使代碼易于閱讀。通過結合 JavaScript 代碼和 p 標記，我們可以添加一個單擊按鈕來激活代碼示例，并使網頁變得更加交互和有趣。