給網頁新增標題圖片
其實方法很簡單:
1>先在網上下載一個以.ico為字尾名的檔案
2>把它放在根目錄下,也就是跟html檔案放在一起
3>修改ico圖片的名字,只要符合命名規範就行,但是一般命名為favicon.ico
4>修改這張ico的大小,一般它的大小為16px X 16px的大小
5>然後在<head></head>標籤之間加上<link rel = "Shortcut Icon" href=file:///C:/Users/%E6%B7%91%E5%A5%B3/Desktop/h512/favicon.ico>,其中路徑中的file:///C:/Users/%E6%B7%91%E5%A5%B3/Desktop/h512/favicon.ico,它就是ico的絕對路徑,如果寫成相對路徑,雖然在標題的地方能出來,但是會報錯,還是寫成絕對路徑相對好一些。
至於Shortcut Icon就是:快捷方式圖示的意思,rel就是用於定義連結的檔案,也就是說,在標題新增圖示的方式。
1>先在網上下載一個以.ico為字尾名的檔案
2>把它放在根目錄下,也就是跟html檔案放在一起
3>修改ico圖片的名字,只要符合命名規範就行,但是一般命名為favicon.ico
4>修改這張ico的大小,一般它的大小為16px X 16px的大小
5>然後在<head></head>標籤之間加上<link rel = "Shortcut Icon" href=file:///C:/Users/%E6%B7%91%E5%A5%B3/Desktop/h512/favicon.ico>,其中路徑中的file:///C:/Users/%E6%B7%91%E5%A5%B3/Desktop/h512/favicon.ico,它就是ico的絕對路徑,如果寫成相對路徑,雖然在標題的地方能出來,但是會報錯,還是寫成絕對路徑相對好一些。
至於Shortcut Icon就是:快捷方式圖示的意思,rel就是用於定義連結的檔案,也就是說,在標題新增圖示的方式。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/30211155/viewspace-2125661/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- java 爬取網頁內容。 標題、圖片等Java網頁
- 如何給網頁上的圖片加密網頁加密
- Java 給 Word 文件每一頁新增不同圖片水印Java
- 美圖秀秀怎麼給圖片新增背景?美圖秀秀給圖片新增背景的教程
- 網頁圖表Highcharts實踐教程標之新增題副標題版權資訊網頁
- [譯] 給破碎圖片新增樣式
- IOS遍歷網頁獲取網頁中<img>標籤中的圖片urliOS網頁
- jsp 介面標籤頁 新增圖示JS
- 用canvas生成圖片為頁面新增水印Canvas
- QT學習:給label新增圖片資源QT
- 給一個塊元素新增多張背景圖片
- 設定網頁圖片熱點連結以及座標值網頁
- 網頁圖片模糊到清晰網頁
- Wordpress自動給圖片新增alt和title屬性
- 網頁圖片不能顯示 網頁圖片顯示不出來的解決辦法網頁
- 圖片優化瘦身 給網站提速優化網站
- 如何修改網頁文字或圖片?網頁
- ps教程篇:怎麼給圖片新增編織效果(分享)
- JS當頁換圖片(分析href所給的資訊)JS
- win10系統如何給圖片新增備註 win10電腦給圖片增加備註的方法Win10
- node:爬蟲爬取網頁圖片爬蟲網頁
- Python爬蟲之網頁圖片Python爬蟲網頁
- js網頁圖片每日自動更新JS網頁
- Delphi儲存網頁中的圖片網頁
- Node專案中用images+imageinfo庫給圖片批量新增水印
- Qt QtCharts給QChartView換膚,換背景色新增背景圖片QTView
- 批次圖片新增水印
- Java 給Word每一頁設定不同圖片水印效果Java
- C# 給Word每一頁設定不同圖片水印C#
- 使用Python實現網頁中圖片的批次下載和水印新增儲存Python網頁
- Chrome 獲取網頁顏色(文字、圖片)Chrome網頁
- 網頁大圖片應用技巧淺析網頁
- 網頁Banner圖片切換js的使用網頁JS
- 用css使網頁圖片半透明(轉)CSS網頁
- latex圖片標題由Figure 1:變為Fig. 1._latex中圖片的標題如何修改
- iOS 圖片上新增水印iOS
- 多行文字末尾新增圖片排版問題解決
- js給html標籤新增屬性JSHTML