$ 8.00

Tuto Créer des tableaux en CSS pure avec CSS

$ 8.00

  • Une formation vidéo de 50m58s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Bundle, créer des tableaux pour vos pages web
Retrouvez cette formation dans le bundle :

Bundle, créer des tableaux pour vos pages web

-31% de réduction

voir les détails du bundle


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



Formateur : Carl Brison

Carl Brison a publié 128 tutoriels et obtenu une note moyenne de 4,9/5 sur 7 754 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de valerie-a77 laissé 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 !
    "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 "

  • 5
    avis de pgir laissé le 30/06/2019
    Merci Carl! Très clair! Après Grid, peut-être un tuto sur une classe POO de tableaux, non ?
    "Voila une excellente idée de tuto, merci ;-) Je vais me pencher sur ce sujet"

  • 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
accédez à plus de 1125 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données