html站標設定、網頁小圖示(每日一技)
阿新 • • 發佈:2020-08-12
1、首先我們需要準備一個小圖示利用線上ico工具製作 .ico 的檔案
線上工具https://tool.lu/favicon/,選擇自己想要製作的小圖示,然後選擇48*48的下載就可以了
將下載的檔名改為favicon.ico
2、在<head>標籤裡放入下面的程式碼,然後把favicon.ico放在根目錄下,就可以在網頁標題前看見自己的小圖示了
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
3、下面是我的程式碼和執行結果
stationMark.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>站標</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"></head> <body> <h2>站標設定成功</h2> </body> </html>
瀏覽器預覽結果