TUTO Créer des tableaux en CSS pure sur Tuto.com

Créer des tableaux en CSS pure

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

7,99€

5,0

50m58

Débutant

QCM

Certificat de compétences

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Contenu

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

Chapitre 2

Chapitre 3

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

Détail des avis

79

Apprenants

5

Commentaires

5/5

Note moyenne

5/5

5

4/5

0

3/5

0

2/5

0

1/5

0

Arnaud Drapier

Publié le 30/01/2025

J'ai adoré ce cours. Grâce à vous, j'ai appris un nouveau système pour faire les tables.

Carl Brison

Avec plaisir. Merci beaucoup ;-)

Jean-Philippe Mouzet

Publié le 02/01/2025

Merci. Après cette petite formation, j'avoue que la solution par CSS, me semble plus compliquée à mettre en place. Je ne doute pas de son utilité, mais pour l'instant, je ferais sans doute sans.

Carl Brison

Vous avez raison. Le choix vous appartient. Plus vous avez de connaissances et plus vous pouvez être libre de vos choix. Merci beaucoup pour votre commentaire

Alain Tardif

Publié le 02/01/2025

Merci Carl pour votre excellent cours sur la création de tableaux en CSS ! J'apprécie votre démonstration de l'utilisation de display: table et des classes pour les styles. Même si le CSS a ses limites pour la fusion des lignes et des colonnes, j'aime beaucoup la flexibilité du HTML. J'ai hâte de voir la suite avec la création de tableaux en Grid ! 😊 Validé 100%

Carl Brison

Merci beaucoup pour votre commentaire très gentil, Alain ;-)

Bundle

Retrouvez ce cours dans le bundle :

Promo -31%

2h53

Formateur

5

Voir ses cours

Prérequis

Débutant

Accessibilité

Sous-titres non disponibles

Ressources téléchargeables

Fichiers sources (82.32 Ko)

Catégories

Programmation CSS

Cours publié le 25/06/2019
Langue : Français
ID : 122721

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