第三篇
HTML教學
第十節
特殊語法
如何製作書籤 ICON
使用這組標籤會讓您的首頁在瀏覽器的 URL列前頭處,也能有一個與眾不同的小圖示
範例
標籤位置
必須放在
<
HEAD
>
...
<
/HEAD
>
之間
HTML 語法
<
Link
Rel
="
ShortCut Icon
"
Href
="
favicon.ico
"
>
顯示結果
語 法 屬 性 介 紹
Link
宣告這是個超鏈結標籤。
Rel
="
ShortCut Icon
" 表示跟捷徑或簡短圖示有關連。
Href
="
favicon.ico
" 表示超鏈結來源圖示存放位置。
很抱歉!
如欲取得完整研習資料,需加入
教材
或
教學
會員
需要者,請按上方
索取教材
,感謝您的支持!
運用說明:
本標籤可用於獨立域名 (http://www.webpage.idv.tw/) 或免費網址 (http://home.pchome.com.tw/) 。
必需用於首頁 (index.htm、index.html...) 。
favicon.ico 圖示檔名可以任取,惟副檔名必須為 ico 圖檔。
一定要放於
<
HEAD
>
...
<
/HEAD
>
之間。
您也可以改用於我的最愛內,
HTML
語法:
<
Link
Rel
="
Bookmark
"
Href
="
favicon.ico
"
>
測試步驟:
於首頁 (index.htm) 製做好上述標籤
上傳至主機內
打開瀏覽器輸入您的網址
加入我的最愛內。
關閉所有瀏覽器視窗
重新打開瀏覽器視窗
查看 ULR 列內最左邊及我的最愛內是否已顯示這個功能。
如何取得 Icon 圖檔:
您可以用影像處理軟體 (PhotoImpact) 自己製作成 (16x16大小) 圖示,完成後存成 *.ico 圖檔。
或者利用免費線上編輯器 (FavIcon Generator)
也不錯喔。
您也可以使用這個試用軟體來轉換,MicroAngelo v5.5 英文版
。
我幫您蒐集一些 Icon 圖檔,存放於【網頁 ICON 圖窟】
特殊類
書籤 ICO 目錄內您可挑一個來用
。
您也可以試試這個辦法:開始
尋找
檔案或資料夾
名稱輸入 *.icon,或許也可以找到一些哦!
或者到國外 Favicon.com - custom icons for your website 網站
。