Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons apprendre à réaliser un tableau en HTML. Nous utiliserons la balise <table> pour créer un tableau de notes scolaires. La balise <caption> sera utilisée pour donner une légende à notre tableau, bien que cette légende soit optionnelle. Nous structurerons notre tableau par lignes avec la balise <tr> et par cellules avec les balises <th> et <td> pour les en-têtes et les données respectivement.
Nous verrons aussi pourquoi il est déconseillé d'utiliser des tableaux pour la mise en page depuis HTML4, car ils posent des problèmes d'accessibilité et d'adaptabilité aux différents écrans. Avec un exemple pratique, nous montrerons comment ajouter les noms des élèves et leurs notes, ligne par ligne, tout en respectant la structure tabulaire de la HTML. Finalement, nous verrons comment afficher et organiser ces données de manière claire et lisible.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Comprendre l'utilisation des balises HTML pour la création de tableaux.
- Apprendre à structurer des données tabulaires.
- Éviter les erreurs communes liées à l'accessibilité et à la mise en page.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir des notions de base en HTML.
Métiers concernés
Les compétences enseignées sont utiles pour les métiers de développeur web, intégrateur web et toute personne travaillant dans la création de contenu numérique.
Alternatives et ressources
Pour les mises en page, il est recommandé d'utiliser des alternatives comme le CSS Grid ou le Flexbox au lieu des tableaux HTML.
Questions & Réponses
Je m'abonne
