Comment Faire Une Image En Html

Table des matières:

Comment Faire Une Image En Html
Comment Faire Une Image En Html

Vidéo: Comment Faire Une Image En Html

Vidéo: Comment Faire Une Image En Html
Vidéo: HTML - Insérer une image dans une page web 2024, Novembre
Anonim

HTML est un langage de balisage utilisé pour créer des pages Internet. Il peut être utilisé pour personnaliser l'affichage de divers éléments, y compris des images. Le paramétrage de l'affichage des images en HTML s'effectue via une balise spéciale.

Comment faire une image en html
Comment faire une image en html

Instructions

Étape 1

Ouvrez votre fichier HTML avec l'éditeur de texte que vous utilisez pour modifier les pages Web. Si vous n'avez pas de fichier HTML, créez-le par un clic gauche sur le bureau ou dans le dossier souhaité, et cliquez sur le menu "Nouveau" - "Document texte". Entrez un nom de fichier et ajoutez l'extension html après le point. Ensuite, cliquez à nouveau avec le bouton droit sur le document et sélectionnez "Ouvrir avec" - "Bloc-notes". Vous verrez un document vierge dans lequel vous pouvez mettre du code HTML.

Étape 2

Pour créer une image en HTML, une balise est utilisée, qui doit être placée dans une section pour l'affichage. Par example:

Image en HTML

Étape 3

La balise n'est pas fermante et ne nécessite pas de balise fermante. Son paramètre principal, qui doit être utilisé, est src, qui définit le chemin vers le fichier image souhaité. Vous pouvez spécifier dans cette ligne à la fois le chemin complet (avec https://) et le chemin relatif (par exemple, /pictures/img.jpg) vers le fichier image que vous souhaitez placer.

Étape 4

Un autre paramètre important est alt, qui définit le nom de l'image et son identification sur la page. Ce nom apparaîtra lorsque l'utilisateur passera la souris sur l'image.

Étape 5

Vous pouvez également utiliser les attributs de largeur et de hauteur pour définir les paramètres de l'image. Le premier paramètre est responsable de la longueur et le second de la hauteur de l'image sur la page. Ce paramètre est spécifié en pixels. Ainsi, la balise & img> peut être définie:

Étape 6

À l'aide de cette balise, une image est créée, dont le chemin d'accès est enregistré dans l'attribut src. Lorsque vous survolez l'image, vous verrez le message "nom de l'image". Dans ce cas, l'image fera 300 pixels de large et 250 pixels de haut. Vous pouvez définir tous les paramètres ci-dessus comme vous le souhaitez.

Étape 7

Enregistrez les modifications apportées au fichier à l'aide de la fonction "Fichier" - "Enregistrer". Ouvrez le document dans un navigateur pour vérifier si l'image a été créée avec succès en HTML. Pour cela, faites un clic droit sur le fichier et sélectionnez la section "Ouvrir avec", puis cliquez sur la ligne portant le nom de votre navigateur. La création de l'image HTML est terminée.

Conseillé: