網站圖示是「最喜歡的圖示」的縮寫，是代表網站的小圖像。它通常出現在瀏覽器標籤和書籤中。若要將網站圖示新增至 HTML 文檔，請依照下列步驟操作：

建立您的網站圖示：
- 為您的網站圖示設計一個方形圖像。標準尺寸為 16x16 像素或 32x32 像素，但您可以使用更大的尺寸（例如 64x64 像素）以獲得更高解析度。
- 將圖片儲存為常見的 Web 格式，例如 .ico、.png、.gif 或 .jpg。
將 Favicon 放入您的專案目錄中：
- 將您的網站圖示圖像保存在專案的根目錄或特定資料夾（例如images ）中。
在 HTML 文件的第<head>部分中新增 Favicon 連結：
- 開啟 HTML 檔案並找到<head>部分。
- 在第<head>部分中新增以下行：
```
 html
 <link rel="icon" href="path/to/your/favicon.ico" type="image/x-icon">
```
將"path/to/your/favicon.ico"替換為您的網站圖示圖像的實際路徑。
如果您的網站圖示採用不同的格式（例如 PNG），您可以使用：
```
 html
 <link rel="icon" href="path/to/your/favicon.png" type="image/png">
```
如果要支援多種尺寸和分辨率，可以使用以下程式碼，指定不同的尺寸：
```
 html
 <link rel="icon" href="path/to/your/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="icon" href="path/to/your/favicon-32x32.png" sizes="32x32" type="image/png">
```
儲存並測試：
- 儲存您的 HTML 檔案。
- 在瀏覽器中開啟您的網頁，您應該會在選項卡和書籤中看到您的網站圖示。

請記得將“path/to/your/favicon.ico”替換為您的網站圖示圖像的實際路徑。如果您的專案在線上託管，請確保可以透過提供正確的路徑從 Web 存取 favicon 檔案。