inserer une icon de site web

Pour insérer une icône de site web (favicon) dans votre page HTML, suivez ces étapes :

Créez votre icône :
- Vous pouvez concevoir votre propre icône ou utiliser des outils en ligne pour créer un fichier au format .ico ou .png.
- Assurez-vous que l’icône est simple, avec un bon contraste, car elle sera affichée en petit format.
Enregistrez votre icône :
- Enregistrez votre icône dans le répertoire racine de votre serveur web (ou créez un dossier nommé “images” dans le répertoire racine et placez-y votre icône).
- Donnez-lui un nom courant, comme “favicon.ico”.
Ajoutez le lien vers l’icône dans votre page HTML :
- Ouvrez votre fichier HTML (par exemple, “index.html”) dans un éditeur de texte.
- Ajoutez la balise <link> dans la section <head> de votre page, après la balise <title> :
```
<!DOCTYPE html>
<html>
  <head>
    <title>Mon site web</title>
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
  </head>
  <body>
    
  </body>
</html>
```
- Remplacez /favicon.ico par le chemin vers votre icône (par exemple, /images/favicon.ico si vous l’avez placée dans un dossier “images”).
Testez votre icône :
- Enregistrez votre fichier HTML et rechargez-le dans votre navigateur.
- L’icône devrait maintenant s’afficher à gauche du titre de votre page dans l’onglet du navigateur.

Voilà ! Vous avez ajouté une icône personnalisée à votre site web. 😊

Learn With Medamine