【HTML】html站標設置、網頁小圖標


 

  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>

   瀏覽器預覽結果


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM