在我們的日常生活中，我們經常使用瀏覽器來訪問各種網站，瀏覽不同的網頁內容。而這些網頁的基礎就是HTML源代碼。HTML是一種標記語言，它通過在文本中添加標記來描述網頁的結構和內容。
當我們在瀏覽器中打開一個網頁時，瀏覽器會解析這個網頁的HTML源代碼，并根據HTML標簽的語義和屬性進行渲染。在HTML中，我們使用p標簽來創建段落，并使用pre標簽來顯示代碼。下面是一個簡單的HTML示例：
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<p>這是一個段落。</p>
<p>這是另一個段落。</p>
<pre>
<code>
function helloWorld() {
console.log("Hello World!");
}
helloWorld();
</code>
</pre>
</body>
</html>在上面的代碼中，我們使用p標簽創建了兩個段落。第一個段落包含了一些文本，而第二個段落則包含了一個pre標簽，該標簽中包含了代碼。
pre標簽不同于普通的文本，它會保留所有空格、制表符和換行符，以及任何其它格式，以便于對代碼進行精確的呈現。
需要注意的是，在HTML中，標簽和屬性必須使用大于號和小于號進行包裹，否則瀏覽器會將其解釋為文本而不是HTML代碼。
綜上所述，HTML源代碼是瀏覽器顯示網頁的基礎，瀏覽器會根據HTML標簽的語義和屬性進行渲染。使用p標簽創建段落，使用pre標簽顯示代碼可以讓內容更加清晰明了。