HTML是網頁開發中不可或缺的一部分，但是在網頁中正確顯示HTML代碼卻不是一件容易的事情。本文將會介紹一些方法來正確地在網頁中顯示HTML代碼。

1. 使用預格式化標簽

預格式化標簽是HTML中的一個標簽，可以在其中輸入文本和代碼，并且保留原始的空格和換行符。預格式化標簽使用< pre >和< /pre >包裹需要顯示的代碼，如下所示：

< pre >

< p >這是一個段落< /p >

< h1 >這是一個標題< /h1 >

< /pre >

2. 使用實體字符

在HTML中，一些字符是有特殊意義的，例如小于號(<)和大于號(>)。如果直接在HTML中使用這些字符，會被認為是標簽，而不是普通字符。為了正確地顯示這些字符，需要使用實體字符。下面是一些常用的實體字符：

< 表示小于號

>表示大于號

& 表示和號

" 表示雙引號

' 表示單引號

例如，如果要在HTML中顯示小于號，可以使用實體字符<，如下所示：

< p >這是一個<段落< /p >

3. 使用CSS樣式

如果想要代碼更加美觀、易讀，可以使用CSS樣式來為代碼添加樣式。例如，可以使用不同的顏色、字體和背景色來區分不同的代碼塊。

4. 使用JavaScript插件

如果想要在網頁中顯示可交互的代碼，可以使用JavaScript插件。例如，CodeMirror和Ace Editor都是常用的JavaScript代碼編輯器插件，可以在網頁中顯示代碼，并且支持語法高亮、自動完成等功能。

以上是幾種在網頁中正確顯示HTML代碼的方法，使用預格式化標簽、實體字符、CSS樣式和JavaScript插件可以讓代碼更加美觀、易讀、交互性更強。在實際的網頁開發中，可以根據具體需求選擇合適的方法來顯示HTML代碼。