1
00:00:00,000 --> 00:00:00,170

2
00:00:00,170 --> 00:00:02,740
>> スピーカ1：あなたは、いくつかがあるとし
、レイアウトしたいのですが、表形式のデータ

3
00:00:02,740 --> 00:00:05,470
表中のWebページに、
行と列を持つ。

4
00:00:05,470 --> 00:00:06,540
我々はこれをどのように行うのでしょうか？

5
00:00:06,540 --> 00:00:10,480
>> さて、ここで、事前に私が得ている
いくつかと、table.htmlを開始

6
00:00:10,480 --> 00:00:12,300
オープンタグと一部のクローズドタグ。

7
00:00:12,300 --> 00:00:15,890
体の内側今、みましょう
テーブルタグが含まれています。

8
00:00:15,890 --> 00:00:19,300
そして先制、ちょうどそう私はしないでください
忘れる、のは近くのテーブルが含まれてみましょう

9
00:00:19,300 --> 00:00:20,760
同様にタグ付けする。

10
00:00:20,760 --> 00:00:24,830
その内、のは指定でき
TRタグにテーブル行。

11
00:00:24,830 --> 00:00:27,300
そして、また先制、それを閉じます。

12
00:00:27,300 --> 00:00:31,550
>> 今、この行の内側に、の定義してみましょう
列またはされるデータ

13
00:00:31,550 --> 00:00:34,050
これらの列の内側に、
またはその中の細胞。

14
00:00:34,050 --> 00:00:37,470
これを行うには、のは使ってみましょう
テーブルデータ用TDタグ。

15
00:00:37,470 --> 00:00:39,730
オープン·ブラケットTD閉じ括弧。

16
00:00:39,730 --> 00:00:42,490
そして今、どのようにについて私たちは、シミュレートを開始
電話の番号。

17
00:00:42,490 --> 00:00:45,890
その後のは1から始めましょう、と
このテーブルデータタグを閉じます。

18
00:00:45,890 --> 00:00:47,840
それでは2で新しいものを開いてみましょう。

19
00:00:47,840 --> 00:00:49,200
同様にその1を閉じます。

20
00:00:49,200 --> 00:00:50,270
そして第3。

21
00:00:50,270 --> 00:00:52,980
3近くにTDをtdと。

22
00:00:52,980 --> 00:00:54,000
>> 私はこれでどこに行くのですか？

23
00:00:54,000 --> 00:00:57,840
我々は持っているので、まあ、私はその主張
テーブル行、我々はその内部

24
00:00:57,840 --> 00:01:02,950
我々は本質的に持っている3つの表件のデータ、
1を持つテーブルの始まり

25
00:01:02,950 --> 00:01:04,590
行3列。

26
00:01:04,590 --> 00:01:06,640
それでは、それをいくつか挙げてみましょう
追加の行。

27
00:01:06,640 --> 00:01:11,300
>> 近くのtrタグの下に、のは開いてみましょう
別のTRタグ、および先制閉じる

28
00:01:11,300 --> 00:01:12,510
その1にも。

29
00:01:12,510 --> 00:01:21,600
その内、今みましょう
TD 4、TD 5、およびTD 6を行います。

30
00:01:21,600 --> 00:01:23,470
その行の下に、の三分の一を頂きます。

31
00:01:23,470 --> 00:01:25,680
開いているテーブル行、近くにテーブル行。

32
00:01:25,680 --> 00:01:34,970
その内部、TD 7、TD 8、およびTD 9。

33
00:01:34,970 --> 00:01:37,910
>> 最後に、物事を面白くするために、
のボトムを完成させ

34
00:01:37,910 --> 00:01:39,430
この電話パッドの。

35
00:01:39,430 --> 00:01:42,530
TRと密接なTRを開きます。

36
00:01:42,530 --> 00:01:51,530
そして、その、TDスターの内側、
TD 0、およびTDポンド。

37
00:01:51,530 --> 00:01:54,090
それでは、このファイルは、変更を保存してみましょう
そのアクセス権、および

38
00:01:54,090 --> 00:01:56,440
ブラウザで表示する。

39
00:01:56,440 --> 00:02:00,220
>> ます。chmod a + Rのtable.html。

40
00:02:00,220 --> 00:02:02,300
それではChromeを開いてみましょう。

41
00:02:02,300 --> 00:02:08,430
http://localhost/table.html。

42
00:02:08,430 --> 00:02:11,610
そしてそこに、我々が表示されたものを持っている
HTMLの表であると。

43
00:02:11,610 --> 00:02:13,920
私が期待したようにそれは非常に見ていません。

44
00:02:13,920 --> 00:02:17,650
のは、少なくとも今の周りに境界線を追加してみましょう
これらの表のセルがすべて表示されます。

45
00:02:17,650 --> 00:02:21,670
>> それではgeditのスクロールに戻りましょう
テーブルタグそのものまで。

46
00:02:21,670 --> 00:02:25,130
ととして知られている、の属性を追加してみましょう
数値を指定する「国境」

47
00:02:25,130 --> 00:02:27,310
境界線の幅の値。

48
00:02:27,310 --> 00:02:31,160
境界線は、引用引用終わり1に等しい
図1は、幅を表す

49
00:02:31,160 --> 00:02:32,400
表の境界線の。

50
00:02:32,400 --> 00:02:36,920
それでは、ファイルを保存して再ロードしてみましょう
私のブラウザでページ。

51
00:02:36,920 --> 00:02:38,920
>> 背中Chromeで、再ロードします。

52
00:02:38,920 --> 00:02:39,860
そして、そこに我々はそれを持っている。

53
00:02:39,860 --> 00:02:42,550
非常に醜いが、それにもかかわらず
表形式のデータ。

54
00:02:42,550 --> 00:02:44,694