Aprenda a adicionar ícone do site no HTML (Favicon).

Recomendação de curso:

Aprenda a adicionar ícone do site no HTML (Favicon).

Como adicionar ícone do site no HTML

O ícone do site (favicon) é uma pequena imagem que é exibida ao lado do título da página na guia do navegador.

Você pode usar qualquer imagem que gostar como ícone do site. Você também pode criar seu próprio ícone do site em sites como https://favicon.cc.Dica:

O ícone do site (favicon) é uma pequena imagem que deve ser uma imagem simples com alta contraste, conforme mostrado a seguir:

Exemplo de ícone de site

Para adicionar um ícone do site ao seu site, salve a imagem do ícone do seu site na raiz do servidor web ou crie uma pasta chamada "images" na raiz e salve a imagem do ícone do site aqui. O nome comum da imagem do ícone do site é "favicon.ico".

A seguir, no arquivo "index.html", <title> Adicione um elemento após <link> Elementos, conforme mostrado a seguir:

<!DOCTYPE html>
<html>
<head>
  <title>Meu Título da Página</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Este é um Título</h1>
<p>Este é um parágrafo.</p>
</body>
</html>

Experimente pessoalmente

Agora, salve o arquivo "index.html" e recarregue-o no navegador. A sua guia do navegador deve mostrar o ícone do seu site ao lado do título da página.