Comment utiliser HTML pour insérer un logo

Lorsque vous souhaitez ajouter un logo à votre site Web ou à votre courrier électronique, un simple code HTML suffit pour insérer l'image. L'ajout d'un logo peut rendre vos efforts de publication en ligne beaucoup plus professionnels, et il est facile d'ajouter différents logos et images à vos fichiers une fois que vous avez mémorisé le code de base. Si vous souhaitez insérer un logo dans une conception ou un fichier, voici comment utiliser HTML pour créer votre logo convivial pour le Web.

Étape 1

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

Vidéo du jour

Étape 2

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

Étape 3

Écrivez le code pour insérer un fichier image. Taper Étape 4

Insérez les informations de « balise alt ». Ceci est précieux pour les moteurs de recherche et les utilisateurs qui ne peuvent pas lire les images. Ces informations peuvent inclure le nom de votre entreprise ou simplement le message de votre logo. Vous devrez l'ajouter immédiatement après la section « img src » et insérer le texte autour de deux apostrophes.

Étape 5

Indiquez la hauteur et la largeur de votre image. Les informations de hauteur et de largeur vont immédiatement après votre attribut de balise alt et sont également enroulées autour des apostrophes. Vous devrez écrire ce qui suit: width = "(nombre de pixels)" height="(nombre de pixels)".

Étape 6

Indiquez les informations de bordure puis fermez la balise. L'épaisseur de la bordure n'est pas requise pour tous les logos, mais la valeur par défaut est généralement « 0 ». Vous devrez écrire ce qui suit: border="0" puis fermer la balise avec un autre symbole '>'.

Étape 7

Enregistrez votre fichier sous une extension .htm. Il s'agit de votre fichier HTML que vous pouvez utiliser pour votre projet de conception.

Choses dont vous aurez besoin

  • Logiciel Microsoft Paint ou Image

  • Bloc-notes ou programme de traitement de texte de base

Conseil

Vous pouvez facilement modifier la taille de votre image en modifiant la largeur et la hauteur dans le code HTML. La valeur par défaut pour le style de bordure est généralement 0. Vous pouvez rendre un logo cliquable en ajoutant "" et "" autour de l'image.

Avertissement

Assurez-vous que le logo se trouve à un endroit facilement accessible sur le disque dur de votre ordinateur. Fermez toujours vos balises correctement; manquer cette étape peut empêcher votre image ou votre fichier d'apparaître.