1
00:00:00,660 --> 00:00:04,430
Le prochain élément dont je veux parler est le tableau HCM.

2
00:00:04,770 --> 00:00:12,110
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.

3
00:00:12,480 --> 00:00:15,760
Il ya un tableau ici que vous pouvez voir d'un graphique.

4
00:00:16,620 --> 00:00:23,090
Il ya une autre table ici pour les couleurs et puis voici quelques exemples des types de choses sur lesquelles nous allons travailler.

5
00:00:23,340 --> 00:00:25,300
Ce sont donc des tableaux dans la nature.

6
00:00:25,380 --> 00:00:26,560
Ils sont assez simples.

7
00:00:26,560 --> 00:00:34,800
É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.

8
00:00:34,800 --> 00:00:37,580
Je vais aller de l'avant et commenter.

9
00:00:37,860 --> 00:00:55,550
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.

10
00:00:55,560 --> 00:01:08,590
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.

11
00:01:08,790 --> 00:01:14,490
Donc je vais juste écrire ceci juste pour vous montrer un pic d'abord puis nous allons revenir et discuter de lui.

12
00:01:14,490 --> 00:01:23,670
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.

13
00:01:23,700 --> 00:01:27,150
Je rafraîchis ma page et j'ai une belle table.

14
00:01:27,150 --> 00:01:32,320
Cependant, je n'ai pas de bordure sur cette table donc il est difficile de voir ce qui se passe.

15
00:01:32,460 --> 00:01:34,340
Vous le feriez en utilisant CSSA.

16
00:01:34,350 --> 00:01:41,040
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.

17
00:01:41,160 --> 00:01:43,760
C'est en quelque sorte l'ancienne façon de le faire.

18
00:01:43,830 --> 00:01:54,780
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.

19
00:01:54,780 --> 00:01:56,960
Je vais juste ajouter ici juste pour vous montrer ce qui se passe.

20
00:01:57,120 --> 00:02:04,360
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.

21
00:02:04,770 --> 00:02:20,070
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.

22
00:02:20,070 --> 00:02:25,070
Nous avons tous deux lignes maintenant rouge et orange et jaune et vert.

23
00:02:25,890 --> 00:02:32,990
Donc, encore une fois nous avons table, nous avons t r pour chaque ligne, puis un T D pour chaque cellule.

24
00:02:33,900 --> 00:02:35,300
Voilà qui est génial.

25
00:02:35,310 --> 00:02:45,090
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.

26
00:02:45,090 --> 00:02:59,950
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.

27
00:02:59,970 --> 00:03:04,130
Mon autre chien qui a 13 ans et ainsi de suite.

28
00:03:04,260 --> 00:03:11,250
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.

29
00:03:11,250 --> 00:03:12,770
Et il y a un autre élément.

30
00:03:13,080 --> 00:03:20,380
Nous allons faire une autre ligne et plutôt que Tweedy, nous allons utiliser une balise appelée Th.

31
00:03:20,940 --> 00:03:23,820
So th pour une tête de table ou un en-tête de table.

32
00:03:24,370 --> 00:03:46,970
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.

33
00:03:47,610 --> 00:03:49,220
C'est bon pour un chien.

34
00:03:49,590 --> 00:03:51,320
Je rafraîchis la page.

35
00:03:51,540 --> 00:03:56,170
Oh bien vous pouvez voir mon beau diagramme ce commentaire que dehors.

36
00:03:56,910 --> 00:03:58,240
Et voici ma table.

37
00:03:58,470 --> 00:04:06,070
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.

38
00:04:06,150 --> 00:04:08,540
Une autre chose dont nous pouvons discuter ici.

39
00:04:08,850 --> 00:04:13,150
Il ya un moyen un peu plus compliqué de faire exactement la même table.

40
00:04:13,620 --> 00:04:19,590
Et c'est vraiment plus compliqué, c'est juste une autre étiquette ou deux qui donne à notre table plus de sens.

41
00:04:19,590 --> 00:04:25,900
Donc, à l'heure actuelle, notre information de titre est deux en-têtes ne font que partie d'un TR régulier.

42
00:04:26,100 --> 00:04:31,370
Donc il n'y a aucune distinction entre ce TR Et ce TR Ils sont tous les deux des rangées de table juste.

43
00:04:31,680 --> 00:04:38,620
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.

44
00:04:38,640 --> 00:04:55,350
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.

45
00:04:55,350 --> 00:05:08,670
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.

46
00:05:08,860 --> 00:05:17,550
Mais je peux faire est de déplacer juste le titre tout ce qui correspond à cette partie supérieure dans une tête T.

47
00:05:18,810 --> 00:05:31,610
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.

48
00:05:31,770 --> 00:05:38,870
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.

49
00:05:39,690 --> 00:05:46,320
Donc resti est un mutt et pourquoi il est un or.

50
00:05:46,950 --> 00:05:47,610
Voilà.

51
00:05:47,760 --> 00:05:50,340
C'est donc la base des tableaux.

52
00:05:50,340 --> 00:05:52,470
Encore une fois, ils ne sont généralement pas si laids.

53
00:05:52,470 --> 00:05:57,450
Nous utilisons habituellement C S S et donc c'est juste une table normale sans aucun style.

54
00:05:57,450 --> 00:06:01,880
Et puis nous allons voir et évaluer les polices et ajouter une frontière et les couleurs d'arrière-plan et tout cela.

55
00:06:02,130 --> 00:06:02,930
D'accord! Super.