Les tableaux HTML sont faciles à créer une fois que vous comprenez les bases des lignes et des colonnes, et également lorsque vous comprenez quand il est acceptable d'utiliser un tableau et quand vous devez les éviter.
Une brève histoire des tableaux et de la conception Web
Il y a de nombreuses années, avant que les normes CSS et Web ne soient acceptées, les concepteurs Web utilisaient le langage HTML.
élément pour créer une mise en page pour les sites. Les conceptions de sites Web seraient "découpées" en petits morceaux, comme un puzzle, puis combinées à un tableau HTML pour être affichées dans le navigateur comme prévu. C’était un processus très complexe qui créait de nombreuses balises HTML supplémentaires et qui ne serait jamais utilisable de nos jours dans le monde multi-écrans sur lequel nos sites Web évoluent. évité et de nombreux concepteurs Web croyaient à tort que "les tables étaient mauvaises." C'était et c'est faux. Les tableaux pour la mise en page sont mauvais, mais ils ont toujours une place dans la conception Web et HTML, à savoir pour afficher des données tabulaires comme un calendrier ou un horaire de train. Pour ce contenu, l'utilisation d'un tableau reste une approche acceptable et bonne.
Alors, comment organisez-vous une table? Commençons par créer une table simplement 2x2. Cela aura 2 colonnes (ce sont les blocs verticaux) et 2 lignes (les blocs horizontaux). Une fois que vous avez créé une table 2x2, vous pouvez créer la table de la taille de votre choix simplement en ajoutant des lignes ou des colonnes supplémentaires.
Voici comment
-
D'abord ouvrir la table
-
Ouvrir la première ligne avec la balise tr
-
Ouvrez la première colonne avec la balise td
|
-
Ecrire le contenu de la cellule
-
Fermez la première cellule et ouvrez la seconde
|
-
Écrire le contenu de la deuxième cellule
-
Fermez la deuxième cellule et fermez la rangée
-
Écrivez la deuxième ligne exactement comme la première
| | |
-
Puis ferme la table
-
C'est tout!
Vous pouvez également choisir d’ajouter des en-têtes de table à votre table à l’aide des touches
élément. Ces en-têtes de tableau remplaceraient les éléments "données de tableau" dans la première ligne du tableau, comme suit:
| prénom | Rôle | | Jeremy | Designer | Jennifer | Développeur |
Lorsque cette page est affichée dans le navigateur, la première ligne avec les en-têtes de tableau est affichée en gras par défaut et est centrée dans la cellule du tableau dans laquelle ils apparaissent.
Alors, est-il possible d'utiliser des tableaux en HTML?
Oui, tant que vous ne les utilisez pas à des fins de mise en page, vous pouvez utiliser des tableaux. Si vous devez afficher des informations tabulaires, un tableau est le moyen de le faire. En fait, éviter un tableau en raison d'une pureté erronée pour fuir cet élément HTML légitime est aussi arriéré que de les utiliser pour des raisons de présentation de nos jours.
Écrit par Jennifer Kyrin. Édité par Jeremy Girard.
|
