在html中，可以利用link標籤來設定頁面圖示；只要在頁面的head標籤中加入「」程式碼即可。
本教學操作環境：windows7系統、HTML5版、Dell G3電腦。
1、準備一張32px*32px大小的ico圖示。
2、準備好開發環境。
設定網頁的ico圖示其實比較簡單，只要在頁面的
head標籤中加入一行程式碼即可。<link rel="shortcut icon" href="favicon.ico">，這行程式碼看著是不是很簡單？
使用範例如下：
<!--声明文档内容为html--> nbsp;html> <!--设置语言为英文--> <!--设置文档默认编码--> <meta> <!--网页的title--> <title>系统首页</title> <!--设置ico图标--> <link> <p>Hello World</p>
在瀏覽器中重新整理頁面，如果看到類似下圖的效果，那麼恭喜你！這一波操作已經成功。
link元素可以用來引入HTML頁面外部的資源檔案。在Web開發過程中開發者會用link將CSS檔案引入頁面中，當然也可以用link設定ico圖示。
rel ：表示將要引用的資源類型。
href：表示指向資源的URL。
<link rel="shortcut icon" href="favicon.ico">,程式碼中rel="shortcut icon"是一種固定寫法。如果缺省該屬性會影響ico圖示的正確顯示。 所以該屬性千萬要記得寫。 這行程式碼通俗的講就是告訴瀏覽器幫忙引入一個ico格式的圖標，資源的位址在href。
推薦教學：《html影片教學》
以上是html如何設定頁面圖示（logo）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
