外聯樣式表是HTML中的一種樣式設置方法，它可以讓我們將CSS代碼單獨存放在一個CSS文件中，與HTML文件分離，使得網頁結構更加清晰，更易于維護。下面介紹如何在HTML文件中設置外聯樣式表。
<head> <link rel="stylesheet" href="style.css"> </head>
在HTML文件的頭部(<head>)標簽中，可以通過<link>標簽來設置外聯樣式表。其中，rel屬性表示要鏈接的資源是樣式表，href屬性指定了樣式表的鏈接地址。注意：鏈接地址需要準確無誤，否則樣式表文件無法被正確加載。
準備上述代碼后，將<link>標簽插入到HTML文件中的<head>標簽內即可。這里建議將CSS文件命名為“style.css”，并與HTML文件放在同一個文件夾內。如果CSS文件命名不為“style.css”，則需要修改上面代碼中的href鏈接，與CSS文件名一致。
在樣式表文件（即CSS文件）中寫入樣式代碼，如下：
body {
background-color: #f4f4f4;
font-family: Arial, sans-serif;
font-size: 16px;
}上面的樣式代碼可以設置頁面背景顏色、字體等。代碼上方的body選擇器表示應用該樣式的元素為HTML頁面中的body標簽。將上述代碼保存后，將CSS文件與HTML文件放在同一目錄下，命名為“style.css”，然后執行HTML文件，看看是否可以成功設置外聯樣式表。