HTML 顯示代碼塊高亮 在網頁開發中，經常需要在網頁中插入代碼。為了增加代碼的可讀性，我們通常需要對代碼進行高亮顯示，使得讀者可以更加清晰地看懂代碼結構和代碼組成。 我們可以使用 HTML 標簽來實現代碼高亮顯示。其中

標簽用于表示預格式化文本，在其中的文本內容將按照原樣輸出，并且其中的空格和換行符都將進行保留。
示例：
body {
background-color: #cccccc;
}
上述代碼中，我們可以看到使用了標簽，用于表示代碼內容。同時，在標簽中加入 class 屬性來定義指定代碼高亮顯示的語言類型，如示例中的 “language-css” 表示代碼為 CSS 語言類型。
我們針對不同的語言類型，可以使用不同的 class 屬性值來實現代碼高亮顯示。下面給出一些常用的語言類型所對應的 class 屬性值：
- C++：language-cpp
- HTML：language-html
- CSS：language-css
- JavaScript：language-javascript
- Python：language-python
我們可以根據需求手動添加對應的 class 屬性到標簽中，從而實現代碼高亮顯示。
在代碼高亮顯示的實現中，我們通常還需要引入第三方的代碼高亮庫。如最常用的代碼高亮庫是 highlight.js，只需要下載該庫的代碼包，并引入相應的 JS 腳本和 CSS 樣式文件即可實現代碼高亮顯示。
總結：
代碼高亮顯示能夠提高網頁可讀性和可理解性，它是開發者和讀者更好地交流和學習的重要工具。在實現中，我們通常使用
和標簽，并加入 class 屬性來指定代碼高亮顯示的語言類型。同時，我們還可以使用第三方的代碼高亮庫，如 highlight.js，來實現更加豐富的代碼高亮顯示效果。