在web開發中，我們經常需要在網頁中嵌入代碼塊。而為了讓這些代碼更清晰、易于閱讀，我們常常需要將其高亮顯示。那么，在html中，該如何實現這個功能呢？ 在html中，我們可以使用pre標簽來定義一個預格式化的文本塊。這里的“預格式化”指的是文本中的空白符（比如空格和換行符）會保留下來，而不會被解釋成html標記。在此基礎上，我們可以為pre標簽添加一個class屬性，并設置一個特殊的class，來實現高亮代碼塊的效果。 下面是一個簡單的示例：

以下是一段C語言的代碼：

#includeint main()
{
printf("Hello, World!\n");
return 0;
}

在上面的代碼中，我們使用了兩個html標簽：p和pre。我們先用p標簽來定義一個段落，其中包含我們要展示的代碼的描述。然后，在pre標簽中，我們將代碼本身寫入，并為該標簽添加了一個class屬性，值為“code”。 接下來，我們需要在css中定義這個“code”樣式，以實現代碼高亮的效果。以下是一個簡單的css樣式定義： .code { background-color: #f8f8f8; /* 設置背景色 */ border: 1px solid #ccc; /* 設置邊框 */ font-family: Consolas, Monaco, 'Andale Mono', monospace; /* 設置字體 */ font-size: 12px; /* 設置字體大小 */ line-height: 1.5; /* 設置行高 */ padding: 1em; /* 設置內邊距 */ } 在上面的代碼中，我們設置了背景色、邊框、字體、字號、行高和內邊距等樣式。這些樣式可以根據具體需求進行調整，以獲得最佳的高亮效果。 總的來說，使用pre標簽實現高亮代碼塊的效果非常簡單，只需為該標簽添加一個特定的class，并在css中定義相應的樣式即可。這樣，我們就可以讓代碼更加清晰、易于閱讀，提高web開發的效率。