HTML代碼高亮指的是將標記語言的代碼進行著色處理，以使其更清晰易懂。通常情況下，代碼高亮會使用不同顏色來區分不同的元素，例如標簽、屬性、值等。 要實現代碼高亮，我們可以使用pre標簽來包含代碼塊，并為其添加一個class屬性，以便為其應用不同的樣式。 例如，以下是一個展示HTML中基本結構的代碼片段：

This is a heading
This is a paragraph.
Item 1
Item 2
Item 3

在此示例中，pre標簽用于包含展示HTML代碼的代碼塊，并帶有一個class屬性。我們可以通過為此類添加樣式來定義不同的顏色。 例如，以下是對應的CSS代碼：

pre.html {
background-color: #f5f5f5;
border: 1px solid #ccc;
margin: 1em 0;
padding: 1em;
}
.html h1,
.html h2,
.html h3,
.html h4,
.html h5,
.html h6 {
color: #d14;
}
.html p {
color: #777;
}
.html ul,
.html ol {
margin: 0;
padding-left: 2em;
}
.html li {
color: #333;
}

在這里，我們定義了一個名為html的類，以應用給定顏色和其他樣式。我們使用“.”符號來指定一個類，并在類名后面跟一個“{”字符，以標識定義的樣式塊。在這里，我們定義了一些默認樣式，如字體顏色、背景顏色、邊框和間距等。 因此，我們可以使用此技術來實現更好的可讀性和可維護性，并在HTML代碼中為代碼段提供更好的清晰度。