Ajout d’Images en HTML
Les images rendent les pages web plus attrayantes. Vous pouvez insérer une image en utilisant la balise <img>.
index.html
Attributs clés :
src: requis. Chemin vers le fichier image (absolu ou relatif) ;alt: requis. Texte affiché si l’image ne peut pas être chargée, également utilisé par les lecteurs d’écran ;width/height: taille en pixels. Sans ces attributs, l’image s’affiche à sa taille d’origine.
Attribut alt
Le texte alt doit décrire clairement l’image et fournir un contexte utile.
Imaginons l’exemple suivant. Vous disposez d’une source sur les courses hippiques. Vous souhaitez montrer comment les concurrents se préparent à la course.
Mauvais texte alt :
index.html
Meilleur texte alt :
index.html
La version améliorée fournit un contexte réel et aide les utilisateurs malvoyants à comprendre ce que montre l'image.
Attribut src
L'attribut src peut utiliser à la fois des chemins absolus et relatifs pour spécifier l'emplacement du fichier image.
Chemin absolu
Une URL complète pointant vers une image en ligne.
index.html
N'importe qui peut accéder à l'image via ce lien complet.
Veuillez examiner l'exemple réel dans le bac à sable de code ci-dessous.
Pour examiner la structure du dossier de fichiers, faites glisser le curseur sur le côté gauche de l'interface du bac à sable de code. Dans le coin supérieur gauche, vous trouverez un bouton burger représenté par trois bandes. En cliquant sur ce bouton, vous accéderez à l'organisation des dossiers de fichiers.
Chemin relatif
Fait référence à une image située dans le dossier de votre projet.
index.html
Cela signifie que image.jpg est stocké dans le répertoire images à côté de votre fichier HTML.
Veuillez examiner l'exemple réel fourni dans le bac à sable de code ci-dessous. Vous trouverez le dossier images, qui contient le fichier sun.png.
Chemins absolus : URL complètes fonctionnant depuis n'importe où sur Internet.
Chemins relatifs : chemins locaux du projet utilisés dans votre propre structure de dossiers.
1. Quelle balise peut être utilisée pour insérer une image sur un site web ?
2. Quel attribut est obligatoire à spécifier pour une balise <img/> ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Génial!
Completion taux amélioré à 2.38Ajout d’Images en HTML
Glissez pour afficher le menu
Les images rendent les pages web plus attrayantes. Vous pouvez insérer une image en utilisant la balise <img>.
index.html
Attributs clés :
src: requis. Chemin vers le fichier image (absolu ou relatif) ;alt: requis. Texte affiché si l’image ne peut pas être chargée, également utilisé par les lecteurs d’écran ;width/height: taille en pixels. Sans ces attributs, l’image s’affiche à sa taille d’origine.
Attribut alt
Le texte alt doit décrire clairement l’image et fournir un contexte utile.
Imaginons l’exemple suivant. Vous disposez d’une source sur les courses hippiques. Vous souhaitez montrer comment les concurrents se préparent à la course.
Mauvais texte alt :
index.html
Meilleur texte alt :
index.html
La version améliorée fournit un contexte réel et aide les utilisateurs malvoyants à comprendre ce que montre l'image.
Attribut src
L'attribut src peut utiliser à la fois des chemins absolus et relatifs pour spécifier l'emplacement du fichier image.
Chemin absolu
Une URL complète pointant vers une image en ligne.
index.html
N'importe qui peut accéder à l'image via ce lien complet.
Veuillez examiner l'exemple réel dans le bac à sable de code ci-dessous.
Pour examiner la structure du dossier de fichiers, faites glisser le curseur sur le côté gauche de l'interface du bac à sable de code. Dans le coin supérieur gauche, vous trouverez un bouton burger représenté par trois bandes. En cliquant sur ce bouton, vous accéderez à l'organisation des dossiers de fichiers.
Chemin relatif
Fait référence à une image située dans le dossier de votre projet.
index.html
Cela signifie que image.jpg est stocké dans le répertoire images à côté de votre fichier HTML.
Veuillez examiner l'exemple réel fourni dans le bac à sable de code ci-dessous. Vous trouverez le dossier images, qui contient le fichier sun.png.
Chemins absolus : URL complètes fonctionnant depuis n'importe où sur Internet.
Chemins relatifs : chemins locaux du projet utilisés dans votre propre structure de dossiers.
1. Quelle balise peut être utilisée pour insérer une image sur un site web ?
2. Quel attribut est obligatoire à spécifier pour une balise <img/> ?
Merci pour vos commentaires !
