隨著互聯網的發展，網頁設計變得越來越重要。而HTML是網頁設計中的基礎語言，而jQuery則是一種非常流行的JavaScript庫，用于簡化使用JavaScript的過程。今天我們來學習如何在網頁中展示HTML和jQuery代碼。 HTML的代碼可以通過將標簽包裹在pre標簽中來顯示。例如，以下是一個簡單的HTML代碼段，通過pre標簽展示：

這是一個段落。
列表項1
列表項2

這將顯示一個帶有一個段落和一個帶有兩個項目的無序列表。 jQuery代碼也可以通過pre標簽顯示。但是，在顯示jQuery代碼之前，我們需要在HTML代碼中添加jQuery庫的鏈接。 在頁面頭部添加以下代碼將從jQuery官方網站加載jQuery庫：

現在，我們可以編寫jQuery代碼并以相同的方式將其放入pre標記中。例如，以下是一個簡單的jQuery代碼段：

這會將所有段落的單擊事件綁定到一個函數中。當單擊一個段落時，它將被隱藏。 最后，我們可以使用HTML和pre標簽將所有內容組合在一起，以在網頁中展示HTML和jQuery代碼。例如：

HTML和jQuery代碼展示
以下是一個段落。
這是一個段落。
列表項1
列表項2
以下是一個jQuery代碼段。

這將網頁內容完整地呈現出來，其中包括HTML和jQuery代碼段，使設計者和程序員更容易共同合作，以創建完美的網頁。