zoukankan      html  css  js  c++  java
  • 【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>

       浏览器预览结果

  • 相关阅读:
    JVM类加载的过程
    接口文档设计
    代码规范及CodeReview要点
    Linux权限
    Linux文件
    UltraEdit编辑器基础技巧
    Android环境配置
    JDK 环境配置
    xml没有提示解决办法<eclipse>
    mysql事务实例
  • 原文地址:https://www.cnblogs.com/netyts/p/HTML.html
Copyright © 2011-2022 走看看