1
00:00:00,660 --> 00:00:04,430
ですから、私が話したい次の要素はHCMテーブルです。

2
00:00:04,770 --> 00:00:12,110
だからテーブルは、私たちがここのテーブルやテーブルをインドのページの表に作成する方法です。

3
00:00:12,480 --> 00:00:15,760
ここにはグラフがあります。

4
00:00:16,620 --> 00:00:22,190
ここには色のための別のテーブルがあります。次に、ここで作業するタイプのいくつかの例を示します。

5
00:00:22,200 --> 00:00:23,090
 

6
00:00:23,340 --> 00:00:25,300
したがって、これらは本質的にテーブルです。

7
00:00:25,380 --> 00:00:26,560
彼らはかなりシンプルです。

8
00:00:26,560 --> 00:00:31,470
明らかに、スタイリングのない最も美しいものではありませんが、情報を表形式で表示するのに非常に便利です。

9
00:00:31,470 --> 00:00:34,800
 

10
00:00:34,800 --> 00:00:37,580
私は先に進み、コメントするつもりです。

11
00:00:37,860 --> 00:00:47,870
このファイルの多くは豪華なコマンドスラッシュで覚えています。新しいテーブル要素とすべてのテーブルの中に入れようとしています。これは、これを行う方法がいくつかあるので少し難解です。

12
00:00:49,980 --> 00:00:54,420
 

13
00:00:54,420 --> 00:00:55,550
 

14
00:00:55,560 --> 00:01:03,810
最初に、テーブル行を表すt r要素を記述し、各行の内側にt

15
00:01:03,810 --> 00:01:08,590
d要素を配置することを示します。

16
00:01:08,790 --> 00:01:14,040
だから、私はちょうどあなたに最初に絵を見せるために、これを書き出すつもりです。そして、私たちは戻って議論するつもりです。

17
00:01:14,040 --> 00:01:14,490
 

18
00:01:14,490 --> 00:01:20,550
だから私たちはちょうどここにいくつかのランダムなテキストを置くつもりですので、赤とオレンジの色に戻り、それをそのままにしましょう。

19
00:01:20,880 --> 00:01:23,670
 

20
00:01:23,700 --> 00:01:27,150
私は私のページをリフレッシュし、私は美しいテーブルを持っています。

21
00:01:27,150 --> 00:01:32,320
しかし、私はこのテーブルに境界線がないので、何が起こっているのかを見るのは難しいです。

22
00:01:32,460 --> 00:01:34,340
これはCSSAを使用して行います。

23
00:01:34,350 --> 00:01:41,040
通常、これは私が境界属性を使ってここで行ったやり方という、本当に素晴らしい考えではありません。

24
00:01:41,160 --> 00:01:43,760
これは、それを行う古い方法のようなものです。

25
00:01:43,830 --> 00:01:51,150
これは基本的に時間の経過に遡ることができて、C

26
00:01:51,180 --> 00:01:54,780
Sのすべてのスタイリングをより重視するようになったからです。

27
00:01:54,780 --> 00:01:56,960
私はちょうどあなたに何が起こっているかを示すためにここに追加するつもりです。

28
00:01:57,120 --> 00:02:04,360
だから私がやったことは、1つの行である表になり、TDLには行の代わりに2つの要素があります。

29
00:02:04,770 --> 00:02:09,210
 

30
00:02:11,970 --> 00:02:12,600
 

31
00:02:16,260 --> 00:02:20,070
だから私は別の行を作ることができ、私は緑と黄色を作って、リフレッシュするときにこのように見えるべきものを考えようとします。

32
00:02:20,070 --> 00:02:25,070
私たちは皆、赤とオレンジと黄と緑の2つの行を持っています。

33
00:02:25,890 --> 00:02:32,990
つまり、各行について得られたテーブルと各セルのT Dが得られます。

34
00:02:33,900 --> 00:02:35,300
それは素晴らしいです。

35
00:02:35,310 --> 00:02:41,010
次のことは、テーブルに見出しをつける方法です。私たちのデータを少し変更してみましょう。

36
00:02:41,010 --> 00:02:45,090
 

37
00:02:45,090 --> 00:02:55,920
だから名前と年齢のようなものがあり、その下に名前があるのか​​、それとも私の犬が見なければならない犬です。

38
00:02:55,920 --> 00:02:59,950
 

39
00:02:59,970 --> 00:03:04,130
私の他の犬は13歳です。

40
00:03:04,260 --> 00:03:11,250
そうするために、私たちは名前と年齢をテーブルの大胆な見出しのテーブルの一部にしたいと思っています。

41
00:03:11,250 --> 00:03:12,770
そしてもう一つの要素があります。

42
00:03:13,080 --> 00:03:20,380
別の行を作って、Tweedyではなく、Thというタグを使用します。

43
00:03:20,940 --> 00:03:23,820
それはテーブルの頭やテーブルのヘッダーのためです。

44
00:03:24,370 --> 00:03:36,750
そして我々は名前と年齢を持つつもりだし、最初の行が先に進み、Rustyを記入し、彼の年齢は次の行にWyattと彼の年齢13となります。

45
00:03:36,750 --> 00:03:46,970
 

46
00:03:47,610 --> 00:03:49,220
それは犬には良いことだ。

47
00:03:49,590 --> 00:03:51,320
だから私はページをリフレッシュします。

48
00:03:51,540 --> 00:03:56,170
ああ、あなたは私の美しいダイアグラムを見ることができます。

49
00:03:56,910 --> 00:03:58,240
そして、ここに私のテーブルがあります。

50
00:03:58,470 --> 00:04:04,440
だから私は1つの行に私のthを持っているし、私は2つの要素と2つの要素を持つ別の行を別の行がある場合。

51
00:04:04,530 --> 00:04:06,070
 

52
00:04:06,150 --> 00:04:08,540
ここでもう一つ話し合うことができます。

53
00:04:08,850 --> 00:04:13,150
正確に同じテーブルを作るには少し複雑な方法があります。

54
00:04:13,620 --> 00:04:19,590
そしてそれは本当にもっと複雑です。それはちょうど別のタグ、つまりテーブルに意味を与える2つのタグです。

55
00:04:19,590 --> 00:04:25,900
だから今、私たちの見出し情報は2つのヘッダーが正規のTRの一部に過ぎないということです。

56
00:04:26,100 --> 00:04:31,370
したがって、このTRとこのTRとの間には区別がありません。これらは両方とも単なるテーブル行です。

57
00:04:31,680 --> 00:04:38,040
最初の5つのうち、最初は各チームを作り上げ、マークアップを取り入れることに重点を置いています。

58
00:04:38,040 --> 00:04:38,620
 

59
00:04:38,640 --> 00:04:43,860
 

60
00:04:43,860 --> 00:04:49,440
 

61
00:04:49,440 --> 00:04:55,350
そのため、他のコードがこのサイトを見て、スクリーンリーダーのスクリーンリーダーコードを使用している人が私の年老いた彼のHMOを見てそれを読んで、そのヘッディングがわかるでしょう大声ですべての道路を読み取るだけの場合とは少し異なります。

62
00:04:55,350 --> 00:05:04,830
だから私たちは、私たちが加えることができる2つの要素があり、TヘッドとTボディがあり、これらは外観上全く違いを生じません。

63
00:05:04,830 --> 00:05:08,670
 

64
00:05:08,860 --> 00:05:16,800
しかし、私は、このトップ部分に対応するすべてのものをTヘッドに移動するだけです。

65
00:05:18,810 --> 00:05:24,270
そして、私がやることは、テーブルの実際のボディをボディに移動させ、同じように見えるので、何も変更しないでください。

66
00:05:27,060 --> 00:05:31,610
 

67
00:05:31,770 --> 00:05:36,930
もう一度ここで変更してみましょう。もう1つの列を追加して、名前と年齢を設定しましょう。

68
00:05:37,260 --> 00:05:38,870
 

69
00:05:39,690 --> 00:05:46,320
だからrestiはmuttで、なぜそれが金色であるのですか？

70
00:05:46,950 --> 00:05:47,610
そこに行く。

71
00:05:47,760 --> 00:05:50,340
それがテーブルの基礎です。

72
00:05:50,340 --> 00:05:52,470
繰り返しますが、通常は醜いものではありません。

73
00:05:52,470 --> 00:05:57,450
私たちは通常C Sを使用しているので、これはスタイリングのない通常のテーブルです。

74
00:05:57,450 --> 00:06:01,380
そして、私たちは行って、フォントの評価と変更を見て、ボーダーと背景色とそのすべてを追加します。

75
00:06:01,380 --> 00:06:01,880
 

76
00:06:02,130 --> 00:06:02,930
大丈夫です。