【HTML】HTML自定義網頁頭部小圖示
HTML自定義網頁頭部小圖示
實現效果:網頁頭部 百度一下,你就知道 前面的圖示?
實現方法:
首先圖示必須是xxx.ico格式的圖片,假定你的圖示命名為為 favicon.ico 且和html頁面在同一個根目錄下,實現程式碼為:
<title>網頁title</title>
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
type=“image/x-icon” 表示icon型別
就像用link引入外部css樣式一樣,用lilnk引入圖示:
- rel = “icon” type = “image/x-icon” href為圖示的路徑
- 實現的效果和百度的一樣
相關文章
- HTML————8、HTML 頭部HTML
- html頁面自定義文字水印效果案例HTML
- HTML-一個網頁的頭部的大概框架(完善ing)HTML網頁框架
- HTML5 自定義驗證資訊顯示方式HTML
- 小技巧:Flutter如何引用自定義圖示Flutter
- HTML 網頁建立HTML網頁
- HTML-head頭部淺析HTML
- 織夢 自定義表單HTML:HTML
- 為javaweb的頁面、html新增網站圖示簡單程式碼JavaWebHTML網站
- TopThink頁面頭部HTML的loginInfo內部多一個 li 標籤HTML
- 【iOS 小技巧】Xcode自定義檔案頭部註釋iOSXCode
- 自定義圖示列表
- 【HTML+CSS+JavaScript】網頁實戰開發筆記之一——HTML的頭部資訊裡你不知道的事HTMLCSSJavaScript網頁筆記
- useHeadSafe:安全生成HTML頭部元素HTML
- 把HTML插入canvas實現網頁截圖HTMLCanvas網頁
- html語義化小記錄HTML
- HTML-JavaScript---網頁時間顯示同步練習HTMLJavaScript網頁
- 「HTML+CSS」--自定義載入動畫【005】HTMLCSS動畫
- html-webpack-plugin之配置自定義模板HTMLWebPlugin
- HTML5 pattern自定義驗證提示HTML
- 使用Jsoup解析Html == TextView顯示html圖片的方法JSHTMLTextView
- 使用 HTML5 Canvas 實現使用者自定義裁剪圖片HTMLCanvas
- 使用joinjs繪製流程圖(六)-自定義節點成html元素JS流程圖HTML
- HTML5 pattern自定義驗證規則HTML
- 「HTML+CSS」--自定義按鈕樣式【004】HTMLCSS
- 「HTML+CSS」--自定義載入動畫【006】HTMLCSS動畫
- 「HTML+CSS」--自定義載入動畫【008】HTMLCSS動畫
- 「HTML+CSS」--自定義載入動畫【007】HTMLCSS動畫
- 「HTML+CSS」--自定義載入動畫【009】HTMLCSS動畫
- 「HTML+CSS」--自定義按鈕樣式【003】HTMLCSS
- HTML5自定義日曆控制元件HTML控制元件
- HTML5的data-*自定義屬性HTML
- [HTML/CSS]uploadify自定義按鈕樣式HTMLCSS
- 自定義html標籤和表單屬性HTML
- 基於 HTML5 的 WebGL 自定義 3D 攝像頭監控模型HTMLWeb3D模型
- html5網頁佈局HTML網頁
- 檢視HTML網頁滑鼠位置HTML網頁
- HTML簡單網頁製作HTML網頁