Le prochain élément dont je veux parler est le tableau HCM.
Donc, la table est la façon dont nous créons des tableaux ou des tableaux comme celui-ci ici sur la page indienne pour la table.
Il ya un tableau ici que vous pouvez voir d'un graphique.
Il ya une autre table ici pour les couleurs et puis voici quelques exemples des types de choses sur lesquelles nous allons travailler.
Ce sont donc des tableaux dans la nature.
Ils sont assez simples.
Évidemment, ils ne sont pas les plus belles choses sans style, mais ils sont très utiles pour afficher des informations sous forme de tableau.
Je vais aller de l'avant et commenter.
Beaucoup de ce fichier se souvient en sublime barre de commande et je vais mettre dans un nouvel élément de table et à l'intérieur de chaque table et c'est là où il devient un peu délicat, car il ya quelques façons différentes de le faire.
Le premier que nous allons vous montrer est que nous écrivons un élément t r qui représente la ligne de la table, puis à l'intérieur de chaque ligne de table, vous mettez un élément t d.
Donc je vais juste écrire ceci juste pour vous montrer un pic d'abord puis nous allons revenir et discuter de lui.
Donc tiddy et nous allons juste mettre un peu de texte aléatoire ici, alors revenons aux couleurs rouge et orange et laissons-le à cela.
Je rafraîchis ma page et j'ai une belle table.
Cependant, je n'ai pas de bordure sur cette table donc il est difficile de voir ce qui se passe.
Vous le feriez en utilisant CSSA.
Habituellement, ce n'est pas vraiment une grande idée de la façon dont je l'ai fait ici avec un attribut de bordure.
C'est en quelque sorte l'ancienne façon de le faire.
C'est ainsi que vous pourriez le faire à l'époque avant que les choses ne deviennent plus orientées autour de faire tout votre style dans votre C Ss afin que vous puissiez toujours le faire.
Je vais juste ajouter ici juste pour vous montrer ce qui se passe.
Donc ce que j'ai fait est fait une table qui est une ligne et il a deux éléments à TDL au lieu d'une ligne.
Donc, je peux faire une autre ligne et je vais faire vert et jaune et prendre un moment pour penser à ce que cela devrait ressembler lorsque je rafraîchir.
Nous avons tous deux lignes maintenant rouge et orange et jaune et vert.
Donc, encore une fois nous avons table, nous avons t r pour chaque ligne, puis un T D pour chaque cellule.
Voilà qui est génial.
La prochaine chose que je veux montrer est la façon dont nous pourrions créer un titre sur la table afin que nous allons changer nos données un peu et nous allons faire cette table sur les gens.
Alors nous aurons quelque chose comme le nom et l'âge et puis en dessous que nous allons vous faire savoir le nom est ou peut-être que ce sont des chiens rouillés Mon chien doit le regarder.
Mon autre chien qui a 13 ans et ainsi de suite.
Donc, pour ce faire, nous voulons que le nom et l'âge de faire partie d'un tableau type de l'en-tête en gras de la table.
Et il y a un autre élément.
Nous allons faire une autre ligne et plutôt que Tweedy, nous allons utiliser une balise appelée Th.
So th pour une tête de table ou un en-tête de table.
Et nous allons avoir un nom et l'âge et puis notre première ligne va aller de l'avant et de remplir Rusty et son âge est à notre prochaine rangée sera Wyatt et son âge de 13 ans.
C'est bon pour un chien.
Je rafraîchis la page.
Oh bien vous pouvez voir mon beau diagramme ce commentaire que dehors.
Et voici ma table.
Donc, j'ai mis mon th dans une rangée et puis si j'avais une autre ligne avec deux éléments, puis une autre ligne avec deux éléments.
Une autre chose dont nous pouvons discuter ici.
Il ya un moyen un peu plus compliqué de faire exactement la même table.
Et c'est vraiment plus compliqué, c'est juste une autre étiquette ou deux qui donne à notre table plus de sens.
Donc, à l'heure actuelle, notre information de titre est deux en-têtes ne font que partie d'un TR régulier.
Donc il n'y a aucune distinction entre ce TR Et ce TR Ils sont tous les deux des rangées de table juste.
Eh bien initialement de tous les cinq encore l'accent est mis sur faire de chaque équipe et d'avoir un marquage qui est un peu significative.
De sorte que si un autre code est à la recherche sur ce site et quelqu'un qui utilise un lecteur d'écran code lecteur d'écran peut voir mon vieilli lui HMO et le lire et il saura que l'en-tête, il saura ce que le corps de la table qui pourrait se comporter Légèrement différemment que si elle lit juste toutes les routes à haute voix.
Donc ce que nous faisons il ya deux éléments que nous pouvons ajouter et il ya une tête T et un corps t et ceux-ci ne fera pas une différence du tout dans l'apparence.
Mais je peux faire est de déplacer juste le titre tout ce qui correspond à cette partie supérieure dans une tête T.
Et puis ce que je vais faire est de déplacer le corps réel de la table tout le contenu dans le corps de sorte qu'il semble identique rien ne devrait changer.
Et faisons juste un autre rapide pour changer ici alors nous allons ajouter une autre colonne de sorte que ce sera nom âge et la race.
Donc resti est un mutt et pourquoi il est un or.
Voilà.
C'est donc la base des tableaux.
Encore une fois, ils ne sont généralement pas si laids.
Nous utilisons habituellement C S S et donc c'est juste une table normale sans aucun style.
Et puis nous allons voir et évaluer les polices et ajouter une frontière et les couleurs d'arrière-plan et tout cela.
D'accord! Super.