web-dev-qa-db-fra.com

Comment insérer un logo avec le titre d'une page HTML?

Comme stackoverflow.com a un logo avec son titre, comment faire pour n'importe quel site habituel? Quel code est nécessaire pour cela?

8
Paic Ten

Faites-vous référence à la favicon ?

Chargez un ico 16x16px sur votre site et associez-le à votre section head.

<link rel="shortcut icon" href="/favicon.ico" />

Il existe une multitude de sites qui vous aident également à convertir des images au format .ico. Ce n'est que le premier que j'ai vu sur Google. http://www.favicon.cc/

19
MetalFrog

Oui vous avez raison et je veux juste le rendre compréhensible pour les débutants complets.

  1. Créez le fichier favicon.ico que vous souhaitez afficher à côté de votre URL dans l'onglet "Navigateurs". Vous pouvez le faire en ligne. J'ai utilisé http://www.prodraw.net/favicon/generator.php cela a bien fonctionné.
  2. Enregistrez le fichier ico généré dans le répertoire racine/images de votre site Web (votre site Web/images) sous le nom favicon.ico.
  3. Copiez cette balise <link rel="shortcut icon" href="images/favicon.ico" /> et collez-la sans aucune modification entre les balises <head> d'ouverture et </head> de fermeture. Je le place habituellement juste au-dessus de la balise <title>. Mais ce n'est pas une règle.
  4. Enregistrez les modifications dans votre fichier html et rechargez votre navigateur.
2
Darius

C'est ce qu'on appelle un favicon . Ils sont faciles à faire .

1
John Conde

Mettez ceci dans la section <head>:

<link rel="icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" />

Conservez le fichier image nommé "favicon.ico". Vous devrez regarder en ligne pour obtenir un générateur de fichiers .ico.

0
Hope4You

Cela s'appelle un favicon. Il est inséré comme ceci:

<link rel="shortcut icon" href="favicon.ico" />
0
Brian Warshaw