CATALOGUE Code & Data Formation XHTML/CSS Cours HTML5 et CSS3 / Part 1 Création de Tableaux en HTML

Création de Tableaux en HTML

Réaliser un tableau simple
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Cours HTML5 et CSS3 / Part 1
Revoir le teaser Je m'abonne
5,0
Transcription
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à l'utilisation des tableaux en HTML

Objectifs

Les objectifs de cette vidéo sont :

  • Comprendre la structure de base d'un tableau HTML.
  • Apprendre à utiliser les balises <table>, <tr>, <th>, et <td>.
  • Savoir ajuster les attributs de style et d'accessibilité des tableaux.
  • Découvrir les bonnes pratiques de présentation des données tabulaires.

Résumé

Apprenez à créer des tableaux en HTML pour structurer et présenter des données tabulaires efficacement.

Description

Dans cette leçon, nous allons aborder la création de tableaux en HTML destinés à présenter des données tabulaires comme des chiffres ou des statistiques. Il est crucial de souligner que l’utilisation de tableaux pour la mise en page d’un site web est désormais obsolète, et que leur usage doit se limiter à la présentation de données structurées.

Nous commencerons par définir les balises de base : <table> pour initier le tableau, <caption> pour son titre, <tr> pour les lignes, et <th> pour les en-têtes de colonne, avant de passer aux cellules de données avec <td>. Nous apprendrons également à ajuster les attributs du tableau comme WIDTH et BORDER, ainsi que cellpadding et cellspacing pour améliorer la lisibilité.

En parallèle, nous aborderons l’importance de rendre les tableaux accessibles avec des attributs comme scope, et soulignerons que les entêtes et les cellules de données peuvent être stylisées avec CSS pour une meilleure présentation visuelle.

Voir plus

Questions - réponses

Pourquoi ne doit-on plus utiliser des tableaux pour la mise en page d'un site web ?
L'utilisation de tableaux pour la mise en page est considérée comme obsolète car elle ne respecte pas les standards modernes du web et complique l'accessibilité et la maintenance.
Quelle balise HTML est utilisée pour définir une ligne dans un tableau ?
La balise <tr> est utilisée pour définir une ligne dans un tableau HTML.
A quoi sert l'attribut 'scope' dans une balise <strong>&lt;th&gt;</strong> ?
L'attribut 'scope' dans une balise <th> améliore l'accessibilité en définissant si l'en-tête s'applique à une colonne ou à une ligne, ce qui est utile pour les lecteurs d'écran.
8 commentaires
5,0
8 votes
5
4
3
2
1
Polyores
Il y a 1 an
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
ralahoul
Il y a 1 an
Une formation très intéressante et très bien construite.
eric.gk78
Il y a 3 ans
excellent, compréhensible pour les débutants
alexwebtv
Il y a 3 ans
Très bonne formation .
gabamano85
Il y a 4 ans
Très belle présentation et facile à comprendre même pour un novice.
olivier_89
Il y a 4 ans
explication très organisée et simple de comprendre pour les débutants
a.platiau_1
Il y a 4 ans
Super formation. Très claire et très bien organisée.
ezerrou
Il y a 4 ans
est ce la 2éme partie existe sur ce cours?