Créer des tableaux en CSS pure
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer des tableaux en CSS pure

Carl Brison
8,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans un tuto précédent, je vous ai montré comment créer un tableau en utilisant des balises HTML spécifiques.
Nous avons vu comment créer un tableau simple, constitué de lignes et de colonnes avec des entêtes de colonnes. Comment mettre en place une légende à un tableau, et également comment fusionner divers cellules.

Dans ce nouveau tutoriel en vidéo, je vous propose d'apprendre les même étapes de construction d'un tableau, mais cette fois en passant par le CSS.

Nous allons voir des propriétés CSS spécialement conçues pour réaliser des tableaux en remplacement des balises TABLE, TR, TD, etc...

Un petit QCM de fin vous permettra de valider vos nouvelles connaissances. 
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 

Bonne création de tableaux.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Cours
Chapitre 2
Exercice
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Cours
21m46s
 
Leçon 1Introduction
Leçon 2Ecriture de notre premier tableau
Leçon 3Mise en forme CSS de notre tableau
Leçon 4Déclaration d'en-tête de colonnes
Leçon 5Donner une légende à un tableau
Leçon 6Donner une légende à un tableau
Chapitre 2 : Exercice
22m37s
 
Leçon 1Enoncé
Leçon 2Mise en place du HTML
Leçon 3Mise en place du CSS 1/2
Leçon 4Mise en place du CSS 2/2
Leçon 5Mise en place du responsive
Chapitre 3 : Conclusion
06m35s
 
Leçon 1Fusion de cellules
Leçon 2Conclusion

Avis des apprenants

Détail des avis
13
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 03/08/2019
Je préfère nettement la méthode CSS pour la création de tableaux. Avec la méthode html je m'embrouillais entre les lignes et les colonnes et pas que ça. lol C'était un tuto très agréable comme toujours et j'ai hâte de découvrir comment créer des tableaux plus avancés avec GRID. Merci Carl !
Carl Brison
Carl Brison
Merci à vous, Valérie ;-) Le tuto pour créer des tableaux avec Grid est sortie, il s'appelle: Créer des tableaux en utilisant CSS Grid & FlexBox
Pierre Girard
Pierre Girard
Publié le 30/06/2019
Merci Carl! Très clair! Après Grid, peut-être un tuto sur une classe POO de tableaux, non ?
Carl Brison
Carl Brison
Voila une excellente idée de tuto, merci ;-) Je vais me pencher sur ce sujet

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Code source de l'exercice et du tuto

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données