CATALOGUE Code & Data Formation XHTML/CSS Cours HTML5 et CSS3 / Part 1 - Les balises HTML et HTML5

Intégration des Images en HTML

Retour à la formation
Chapitre 3 Leçon 8
Précédent
Suivant

Cette leçon porte sur l'intégration des images en HTML, en utilisant les balises img et les attributs src et alt.

Détails de la leçon

Description de la leçon

Dans cette session, nous explorons en détail le processus d'intégration des images dans une page web en utilisant la balise img. Vous apprendrez à spécifier la source de l'image avec l'attribut src, et l'importance de l'attribut alt pour l'accessibilité et le référencement. Nous discutons également de la balise figure introduite en HTML5, qui permet de regrouper des images et des légendes de manière cohérente.

Nous démontons également comment les images s'affichent inline par défaut et comment contrôler leur placement à l'aide de la balise figure et figcaption.

En suivant cette leçon, vous serez capable de :

  • Inclure des images dans vos pages web en utilisant la balise img correctement configurée.
  • Améliorer l'accessibilité de vos images avec l'attribut alt.
  • Utiliser la balise figure pour créer des groupes d'images.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Comprendre l'utilisation de la balise img.
  • Apprendre à configurer les attributs src et alt.
  • Découvrir la balise figure et son utilisation en HTML5.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML, notamment savoir ce qu'est une balise et un attribut.

Métiers concernés

Les compétences abordées dans cette vidéo sont particulièrement utiles pour les métiers suivants :

  • Développeur Web
  • Designer Web
  • Créateur de Contenu Digital

Alternatives et ressources

En plus de HTML, d'autres outils ou langages comme Markdown pour les fichiers README peuvent être utilisés pour l'intégration d'images dans des documents.

Questions & Réponses

L'attribut alt est crucial pour l'accessibilité car il permet aux lecteurs d'écran de décrire l'image aux personnes malvoyantes. Il aide également au référencement sur les moteurs de recherche.
Si l'extension de l'image est oubliée, le navigateur ne pourra pas trouver et afficher l'image car le chemin spécifié sera incorrect.
Par défaut, les balises img sont des éléments inline, ce qui signifie qu'elles s'affichent les unes à côté des autres horizontalement si l'espace le permet.