HTML是創建和設計網頁的基礎，這也適用于代碼的格式化。格式化代碼可以使代碼更易于閱讀和理解，通過使用HTML的p和pre標簽，我們可以更好地格式化代碼。

首先，我們來看一下p標簽。p表示“段落”，它可以用來格式化代碼中的任何文本。我們只需要將要格式化的文本放入p標簽中，就可以享受p標簽的格式化效果了。比如：

Hello World!

上述代碼將輸出一個帶有段落效果的“Hello World！”文本。

而如果我們想格式化大段的代碼，那么pre標簽將是一個不錯的選擇。pre表示“預格式化文本”，它會將很多文本排列成等寬字體。使用pre標簽時，我們可以將整個代碼塊都包含在pre標簽內，從而使得整個代碼塊看起來更加美觀整潔。這種情況下，即使我們代碼中有空格和換行符，它們也會得到正確地渲染。比如：

.hello{
color: red;
}

上述代碼將輸出一個帶有預格式化效果的CSS代碼塊。

總之，HTML的p和pre標簽可以輕松格式化我們的代碼。大段的代碼使用pre標簽，小片段的文本可以使用p標簽進行格式化。這將使我們的代碼變得更加易于理解和閱讀，并且可以方便地處理空格和換行符等多種情況。