Comment utiliser HTML pour insérer un logo

Quand vous voulez ajouter un logo à votre site web ou email, un peu de HTML suffit pour insérer l'image. Ajouter un logo rend vos publications en ligne plus professionnelles, et il est facile d'ajouter différents logos et images une fois le code de base mémorisé. Voici comment utiliser HTML pour créer votre logo web-friendly.

Étape 1 : Localiser le fichier logo

Localisez le fichier de votre logo. Vous aurez besoin de l'emplacement et de l'extension du fichier image pour l'insérer dans le code.

Étape 2 : Ouvrir un éditeur de texte

Ouvrez votre éditeur de texte. Ouvrez le Bloc-notes ou autre logiciel de traitement de texte pour commencer à écrire votre code.

Étape 3 : Écrire le code d'insertion d'image

Écrivez le code pour insérer un fichier image. Tapez <img src=" suivi de votre emplacement/nom de fichier et extension. Terminez cette portion par une apostrophe et fermez la balise par >.

Étape 4 : Ajouter l'attribut alt

Insérez l'information « alt ». C'est précieux pour les moteurs de recherche et les utilisateurs qui ne peuvent pas voir les images. Cela peut inclure votre nom d'entreprise ou le message de votre logo. Ajoutez-le immédiatement après la section « img src » avec le texte entre deux apostrophes.

Étape 5 : Indiquer hauteur et largeur

Les informations de hauteur et largeur vont immédiatement après l'attribut alt, aussi entre apostrophes. Écrivez : width="(nombre de pixels)" height="(nombre de pixels)".

Étape 6 : Indiquer la bordure et fermer la balise

Indiquez l'épaisseur de bordure puis fermez la balise. L'épaisseur n'est pas requise pour tous les logos, mais la valeur par défaut est généralement « 0 ». Écrivez : border="0" puis fermez avec un autre symbole >.

Étape 7 : Enregistrer en .htm

Enregistrez votre fichier avec l'extension .htm. C'est votre fichier HTML utilisable pour votre projet.

Conseil

Vous pouvez changer facilement la taille de l'image en modifiant width et height dans le HTML. La bordure par défaut est généralement 0. Vous pouvez rendre un logo cliquable en ajoutant <a href="..."> et </a> autour de l'image.

Avertissement

Assurez-vous que le logo est dans un endroit facilement accessible sur votre disque dur. Fermez toujours correctement vos balises ; l'oubli peut empêcher l'affichage de l'image ou du fichier.