使用HTML和CSS可以很容易地向網(wǎng)頁(yè)添加文本和樣式。除了基本的文本外，HTML和CSS也可以用來(lái)添加代碼。要在你的網(wǎng)頁(yè)中加入代碼塊，你需要用到HTML的標(biāo)簽。但是，這種標(biāo)記只能用于內(nèi)聯(lián)代碼，如果你想要添加一個(gè)完整的代碼塊，你需要使用

標(biāo)簽。
<pre>
<p>這是我的代碼塊：</p>
<ul>
<li>第一項(xiàng)</li>
<li>第二項(xiàng)</li>
<li>第三項(xiàng)</li>
</ul>
</pre>
上面的代碼塊會(huì)以等寬字體和預(yù)定義的格式呈現(xiàn)，這使得代碼更容易閱讀。
在CSS中，你可以使用字體大小、顏色和其他樣式來(lái)自定義代碼、字符串和關(guān)鍵字的外觀。添加以下CSS樣式可以讓代碼塊看起來(lái)更加整潔。
pre {
background-color: #f5f5f5;
color: inherit;
font-size: 14px;
line-height: 1.4;
margin-bottom: 1.5em;
padding: 1em;
white-space: pre;
word-wrap: normal;
}
代碼中的每一行都有自己的樣式，它們的背景顏色是灰色的，字體是黑色的，字體大小是14像素，每行之間的間距為1.4倍。整個(gè)代碼塊與周圍的文本之間有一個(gè)空白下沉，以幫助它們?cè)陧?yè)面中突出顯示。
這些代碼將使你的網(wǎng)站更加專業(yè)化和易于閱讀。