L'utilisation d'images en HTML implique trois étapes principales :
1. Fichier image :
- Préparez votre fichier image dans un format approprié, tel que JPEG, PNG ou GIF.
- Enregistrez-le avec un nom descriptif. Par exemple, « nom-image.jpg ».
2. Dossier d'images :
- Créez un dossier sur votre ordinateur pour stocker vos images.
- Placez le fichier image que vous souhaitez utiliser dans ce dossier.
3. Code HTML :
- Ouvrez votre fichier HTML dans un éditeur de texte ou un éditeur HTML.
- Dans la section appropriée de votre code HTML, généralement le ` `, ajoutez le code suivant :
```html
```
- Remplacez "path_to_image" par le chemin réel de votre fichier image. Par exemple, si votre image s'appelle "nom-image.jpg" et se trouve dans le dossier "images" dans le même répertoire que votre fichier HTML, le chemin sera :
```html
src="images/nom-image.jpg"
```
- Remplacez "alternative_text" par une brève description de l'image. Ce texte sera affiché si l'image ne peut pas être affichée pour une raison quelconque, telle qu'un lien rompu ou des paramètres de chargement d'image désactivés par un utilisateur.
Voici un exemple d'extrait de code complet :
```html
Titre
Contenu du texte...
```
Enregistrez votre fichier HTML et ouvrez-le dans un navigateur Web pour voir l'image insérée.
Attributs supplémentaires pour ` ` Balise :
- Attributs `width` et `height` :Spécifiez la largeur et la hauteur souhaitées de l'image en pixels.
- Attribut `align` :Contrôle l'alignement horizontal de l'image. Les valeurs incluent « gauche », « droite » et « centre ».
- Attribut `title` :ajoute un texte d'info-bulle qui apparaît au survol de l'image.
Note:
C'est une bonne pratique d'optimiser vos images pour les performances Web en les compressant sans sacrifier la qualité visuelle.
|