HTML是網(wǎng)頁制作的核心語言之一,其最大的特點就是可以方便地嵌入各種代碼,例如CSS和JavaScript。在進行網(wǎng)頁制作時,我們需要經(jīng)常將代碼嵌入到網(wǎng)頁中,如何展示這些代碼也就成為了一個問題。那么,HTML怎么展示源代碼呢?
在HTML中,我們可以使用pre標簽來展示源代碼。pre標簽表示“預(yù)格式化文本”,它會保留文本中所有的空格和換行。我們可以將包含源代碼的文本放到pre標簽中,這樣就可以很好地展示源代碼了。
在實際使用中,我們通常將pre標簽放到code標簽中,以便于在展示源代碼的同時,還可以對源代碼進行語法高亮處理。代碼如下:
以下是JavaScript的代碼:
function add(a, b) {
return a + b;
}
在瀏覽器中展示的效果如下:
以下是JavaScript的代碼:
function add(a, b) {
return a + b;
}
通過上面的代碼,我們可以發(fā)現(xiàn),在pre標簽內(nèi)的文本是保留了所有的空格和換行的。同時,code標簽還將JavaScript的代碼進行了語法高亮處理,使得代碼更加易于閱讀。
總之,要在HTML中展示源代碼,我們可以使用pre標簽來保留所有的空格和換行;而將pre標簽放到code標簽中,可以讓源代碼更加易于閱讀。