Bundle, créer des tableaux pour vos pages web
-31% de réduction
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.
Table des matières de cette formation CSS (durée : 50m58s)
-
Cours
- Introduction gratuit 00:01:59
- Ecriture de notre premier tableau gratuit 00:03:46
- Mise en forme CSS de notre tableau 00:04:49
- Déclaration d'en-tête de colonnes 00:03:02
- Donner une légende à un tableau 00:02:49
- Donner une légende à un tableau 00:05:21
-
Exercice
- Enoncé gratuit 00:02:26
- Mise en place du HTML 00:05:16
- Mise en place du CSS 1/2 00:09:20
- Mise en place du CSS 2/2 00:02:54
- Mise en place du responsive 00:02:41
-
Conclusion
- Fusion de cellules 00:03:53
- Conclusion 00:02:42
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
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 !
-
Merci Carl! Très clair! Après Grid, peut-être un tuto sur une classe POO de tableaux, non ?
-
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
note moyenne
avis laissés