Как добавить значок логотипа в строку заголовка с помощью HTML?

Опубликовано: 1 Марта, 2022

Большинство веб-сайтов добавляют значок или логотип в виде изображения в строку заголовка. Значок-логотип также называется значком. Добавление значков также считается полезным для SEO веб-сайтов. Фавикон - это комбинация значка избранного.

Атрибут ссылки используется для добавления значка.

Синтаксис:

 <link rel = "icon" href = "icon_path" type = "image / icon type">

Example:

<!-- HTML code to add icon in the title bar -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8" />
          
        <title>
            GeeksforGeeks icon
        </title>
          
        <!-- add icon link -->
        <link rel = "icon" href = 
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/gfg_200X200.png" 
        type = "image/x-icon">
          
    </head>
      
    <body>
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1>
          
        <p>
            GeeksforGeeks icon added in the title bar
        </p>
    </body>
</html>                    

Выход:

HTML-Misc

Как добавить значок логотипа в строку заголовка с помощью HTML?

РЕКОМЕНДУЕМЫЕ СТАТЬИ