HTML是一種用于構(gòu)建網(wǎng)頁(yè)的標(biāo)記語(yǔ)言，其中包括了許多標(biāo)簽（tag），每個(gè)標(biāo)簽都有特定的含義和用途。當(dāng)瀏覽器加載網(wǎng)頁(yè)時(shí)，它會(huì)解析HTML代碼，并將其轉(zhuǎn)換為可視化的網(wǎng)頁(yè)頁(yè)面。
在HTML中，標(biāo)簽以尖括號(hào)包圍，例如“<html>”和“</html>”。頁(yè)面中的內(nèi)容位于這些標(biāo)簽的內(nèi)部，例如“<body>”和“</body>”。標(biāo)簽也可以包含屬性，這些屬性提供了關(guān)于標(biāo)簽的更多信息。例如，“<img>”標(biāo)簽通常具有“src”和“alt”屬性。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的網(wǎng)頁(yè)</title> </head> <body> <h1>歡迎來(lái)到我的網(wǎng)站！</h1> <p>這是一個(gè)用HTML編寫的簡(jiǎn)單網(wǎng)站。</p> <img src="picture.jpg" alt="我的圖片"> </body> </html>
以上是一個(gè)簡(jiǎn)單的HTML代碼示例。DOCTYPE聲明指定了HTML版本，而“<html>”標(biāo)簽是HTML文檔的頂層元素。在“<head>”標(biāo)簽中，我們可以看到一個(gè)設(shè)置網(wǎng)頁(yè)標(biāo)題和字符編碼的“<title>”元素以及“<meta>”元素。
在“<body>”標(biāo)簽中，我們添加了一個(gè)大標(biāo)題（“<h1>”）和一些文本（“<p>”）。最后，我們將一張名為“picture.jpg”的圖片插入到頁(yè)面中，它具有“<img>”標(biāo)簽和“src”屬性以指定圖片文件的位置，還具有“alt”屬性以提供圖片的替代文本。
在瀏覽器加載此代碼時(shí)，它將解析這些標(biāo)記并顯示頁(yè)面。可以通過(guò)調(diào)試工具查看瀏覽器在解析頁(yè)面時(shí)生成的DOM（文檔對(duì)象模型），以及CSS（層疊樣式表）和JavaScript（腳本語(yǔ)言）對(duì)其進(jìn)行的更改。