CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Fusionner des cellules dans un tableau HTML avec colspan et rowspan

Fusionner des cellules dans un tableau HTML avec colspan et rowspan

L'attribut colspan et l'attribut rowspan
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,7
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation des attributs colspan et rowspan

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre l'utilité des attributs colspan et rowspan.
  • Apprendre à fusionner des cellules de manière horizontale et verticale.
  • Savoir appliquer ces compétences dans des tableaux HTML pratiques.

Résumé

Apprenez à fusionner des cellules dans un tableau HTML en utilisant les attributs colspan et rowspan. Ces techniques sont essentielles pour créer des tableaux complexes et bien formatés.

Description

Dans cette leçon, nous explorons deux attributs HTML importants : colspan et rowspan, qui permettent de fusionner des cellules de tableau ensemble. À travers deux exemples de tableaux distincts, nous montrons comment utiliser colspan pour fusionner des cellules horizontalement et rowspan pour les fusionner verticalement.

Le premier tableau inclut des données structurées comme les notes, matières et totaux, où nous démontrons comment fusionner des cellules pour une présentation optimale. Nous appliquons l'attribut colspan pour fusionner des cellules comme le total et la moyenne, couvrant plusieurs colonnes. Le deuxième tableau illustre la fusion de cellules verticales à l'aide de l'attribut rowspan, en fusionnant le nom d'un élève avec les cellules d'autres lignes.

Cette leçon est cruciale pour ceux qui cherchent à maîtriser la mise en page des tableaux en HTML, augmentant ainsi la clarté et la cohérence de la présentation des données.

Voir plus

Questions fréquentes

Qu'est-ce que l'attribut colspan permet de faire ?
L'attribut colspan permet de fusionner plusieurs cellules de colonne en une seule pour étendre une cellule sur plusieurs colonnes.
Comment l'attribut rowspan est-il utilisé dans un tableau ?
L'attribut rowspan est utilisé pour fusionner des cellules verticalement en étendant une cellule sur plusieurs lignes d'un tableau.
Pourquoi est-il nécessaire de supprimer les cellules en trop après une fusion ?
Il est nécessaire de supprimer les cellules en trop après une fusion pour éviter des décalages et assurer que la structure du tableau reste correcte et bien présentée.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 2 ans
Parfait pour un débutant.
geoffrey.monange
Il y a 3 ans
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 ans
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 ans
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 4 ans
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 4 ans
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 4 ans
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 ans
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 ans
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.