HTML是現代網頁開發的基礎，為網頁提供了結構化和語義化的標記。在Web開發中，復制代碼的需求非常普遍。本文將介紹如何在HTML中使用點擊按鈕來復制代碼。 在HTML中，可以使用pre標簽來定義預格式化文本塊。這個標簽用來顯示計算機代碼或其它預格式化文本，而不用考慮其中的空格或換行符等。下面是一個基本的pre標簽示例：

let a = 10;
let b = 20;
let c = a + b;
console.log(c);

上面的代碼片段會按照代碼格式顯示，而不會重新排版。 現在我們要給這個代碼片段添加一個按鈕，使它可以被復制。在HTML中，可以使用button標簽來定義按鈕。除了使用文本來描述按鈕外，還可以使用圖像或圖標等。下面是一個button標簽的示例：復制代碼為了實現點擊按鈕復制代碼的功能，我們需要使用JavaScript。具體來說，我們需要使用document.execCommand()方法。該方法可以在文檔上執行一個命令。在這種情況下，我們要使用“copy”命令。下面是一個實現這樣的JavaScript函數： function copyCode() { let codeBlock = document.querySelector('pre'); // 獲取pre標簽 let range = document.createRange(); // 創建一個range對象 range.selectNode(codeBlock); // 設置range對象的范圍為codeBlock window.getSelection().addRange(range); // 將range對象添加到窗口的Selection中 document.execCommand('copy'); // 執行“copy”命令 window.getSelection().removeAllRanges(); // 清除窗口的Selection } 現在，我們需要將這個函數綁定到按鈕的點擊事件上。為此，我們可以使用addEventListener()方法。下面是一個完整的HTML代碼示例：

以下是一個簡單的JavaScript代碼塊：

let a = 10;
let b = 20;
let c = a + b;
console.log(c);

點擊下面的按鈕即可復制上面的代碼：

復制代碼注意，以上代碼中的copyCode()函數在預格式化文本塊中查找pre標簽并復制其中的文本。 總之，HTML中使用點擊按鈕復制代碼是一項非常有用的功能。通過使用按鈕和JavaScript，您可以使代碼復制變得更加快捷和方便。