Attributs d'image
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 24 sur 60.
Explorons quelques attributs supplémentaires pour améliorer vos images :
alt: Fournit un texte alternatif si l'image ne se charge pas.widthetheight: Contrôlent la taille de l'image en pixels.
Voici un exemple :
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Ceci définit la source de l'image, fournit une description et la redimensionne à 600x400 pixels. Incluez toujours alt pour l'accessibilité et utilisez des dimensions pour maintenir la cohérence du design.
Défi
FacileAjoutez les attributs suivants à l'image :
alt: "A beautiful bird"width: "400"height: "250"
Aide-mémoire
Utilisez des attributs supplémentaires pour améliorer vos images :
alt: Fournit un texte alternatif si l'image ne se charge paswidthetheight: Contrôlent la taille de l'image en pixels
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Incluez toujours alt pour l'accessibilité et utilisez des dimensions pour maintenir la cohérence du design.
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fundamentals
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page