HTML源代碼是網頁編寫的基礎，它由各種HTML標簽、屬性和文本組成。瀏覽器讀取HTML源代碼并根據其結構和屬性解釋執行，生成網頁的顯示內容。
<!DOCTYPE html>
<html>
<head>
<title>示例頁面</title>
</head>
<body>
<h1>歡迎來到示例頁面</h1>
<p>這是一個簡單的HTML頁面示例。</p>
<img src="image.jpg" alt="示例圖像">
</body>
</html>上面的代碼是一個真實的HTML示例。這個HTML文檔符合HTML5規范，它以<!DOCTYPE html>開頭，指定了文檔類型。<html>標簽是整個文檔的根標簽，它包含了<head>和<body>兩個主要部分。
<head>標簽包含了一些元數據，比如文檔標題、作者、關鍵字等。<title>標簽是必需的，它定義了瀏覽器在標題欄中顯示的文本內容。
<body>標簽是網頁中的主要內容區域。在這個例子中，我們包含了一個<h1>標簽和一個<p>標簽。<h1>標簽是HTML頁面的一個標題，它的字體通常比其他文本大。<p>標簽表示一段文本內容，并且在段落前后會留出一些空白。
我們還可以在文檔中插入圖片。<img>標簽表示圖像元素，其中的src屬性指定了圖像文件的URL，alt屬性是在圖像無法顯示時顯示的替代文本。
瀏覽器讀取HTML源代碼后，會根據標簽的定義和屬性對網頁進行渲染。這就是我們在瀏覽器中看到的網頁內容。