Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
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
Cours
Chapitre 2
Exercice
Exercice
Chapitre 3
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Cours
21m46
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
22m37
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
06m35
Leçon 1Fusion de cellules
Leçon 2Conclusion
Avis des apprenants