CATALOGUE Code & Data Formation XHTML/CSS Cours HTML5 et CSS3 / Part 1 Créer des Tableaux HTML avec Fusion de Cellules

Créer des Tableaux HTML avec Fusion de Cellules

Réaliser un tableau avec fusions
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

Comprendre les Attributs Colspan et Rowspan

Objectifs

Les objectifs de cette vidéo sont de:

  • Comprendre et utiliser les attributs colspan et rowspan pour fusionner des cellules dans un tableau HTML.
  • Maintenir la cohérence visuelle du tableau après fusion.
  • Éviter les erreurs courantes dans la fusion de cellules.

Résumé

Découvrez comment fusionner des cellules dans un tableau HTML en utilisant les attributs colspan et rowspan. Ces techniques sont essentielles pour structurer efficacement vos données tabulaires.

Description

Dans cette leçon, nous explorons la création de tableaux HTML avec des cellules fusionnées. Nous verrons comment l'attribut colspan permet de fusionner deux colonnes en une seule, et l'attribut rowspan permet de fusionner deux lignes. Le processus implique la suppression des cellules redondantes après la fusion pour maintenir la cohérence du tableau. Bien que complexe pour des tableaux imbriqués, comprendre ces concepts est crucial pour structurer correctement vos données.

Nous démontrons également l'importance de configurer correctement les attributs pour éviter les erreurs courantes dans la création de tableaux. L'exemple illustré ici est configuré avec une largeur de 500 pixels et une bordure de 1 pixel pour une meilleure visibilité des cellules fusionnées.

Enfin, nous abordons l'utilisation de logiciels comme Dreamweaver qui facilitent ce processus, bien que la maîtrise du code HTML soit toujours un atout précieux.

Voir plus

Questions - réponses

Quelle est la fonction de l'attribut colspan en HTML ?
L'attribut colspan en HTML permet de fusionner plusieurs colonnes d'un tableau en une seule cellule.
Que doit-on faire après avoir utilisé rowspan pour fusionner des lignes ?
Après avoir utilisé rowspan pour fusionner des lignes, il est nécessaire de supprimer les cellules redondantes pour maintenir la cohérence visuelle du tableau.
Quelle est la différence entre colspan et rowspan ?
Colspan fusionne plusieurs colonnes en une seule cellule, tandis que rowspan fusionne plusieurs lignes en une seule cellule.
8 commentaires
5,0
8 votes
5
4
3
2
1
Polyores
Il y a 1 year
Commentaire
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
ralahoul
Il y a 1 year
Commentaire
Une formation très intéressante et très bien construite.
eric.gk78
Il y a 3 years
Commentaire
excellent, compréhensible pour les débutants
alexwebtv
Il y a 3 years
Commentaire
Très bonne formation .
gabamano85
Il y a 3 years
Commentaire
Très belle présentation et facile à comprendre même pour un novice.
olivier_89
Il y a 3 years
Commentaire
explication très organisée et simple de comprendre pour les débutants
a.platiau_1
Il y a 3 years
Commentaire
Super formation. Très claire et très bien organisée.
ezerrou
Il y a 4 years
Commentaire
est ce la 2éme partie existe sur ce cours?