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

2
00:00:00,170 --> 00:00:02,740
>> SPEAKER 1: Předpokládejme, že máte některé
tabulková data, která byste chtěli, aby rozložení

3
00:00:02,740 --> 00:00:05,470
na webové stránce v tabulce,
s řádků a sloupců.

4
00:00:05,470 --> 00:00:06,540
Jak můžeme udělat?

5
00:00:06,540 --> 00:00:10,480
>> No, předem tady jsem se dostal
začal table.html, s některými

6
00:00:10,480 --> 00:00:12,300
otevřené tagy a některé uzavřené tagy.

7
00:00:12,300 --> 00:00:15,890
Uvnitř těla teď, pojďme
zahrnují značku tabulky.

8
00:00:15,890 --> 00:00:19,300
A preventivně, jen tak já ne
zapomenout, pojďme jsou úzké tabulku

9
00:00:19,300 --> 00:00:20,760
označit také.

10
00:00:20,760 --> 00:00:24,830
Uvnitř toho, pojďme specifikovat
řádek tabulky s tag tr.

11
00:00:24,830 --> 00:00:27,300
A také preventivně, zavřete to.

12
00:00:27,300 --> 00:00:31,550
>> Nyní v této řadě, pojďme definovat
sloupce nebo data, která budou

13
00:00:31,550 --> 00:00:34,050
uvnitř těchto sloupců,
nebo buňky v něm.

14
00:00:34,050 --> 00:00:37,470
Chcete-li to provést, pojďme používat
td tag pro data tabulky.

15
00:00:37,470 --> 00:00:39,730
Otevřete držák td závorka.

16
00:00:39,730 --> 00:00:42,490
A teď, co začneme simulaci
čísla Telefonní je.

17
00:00:42,490 --> 00:00:45,890
Začněme s jedním, a pak
zavřete datový tag tabulky.

18
00:00:45,890 --> 00:00:47,840
Pojďme otevřít nový s 2.

19
00:00:47,840 --> 00:00:49,200
Zavřete že jeden stejně.

20
00:00:49,200 --> 00:00:50,270
A pak třetí.

21
00:00:50,270 --> 00:00:52,980
td 3 Zavřete td.

22
00:00:52,980 --> 00:00:54,000
>> Kam mám jít s tím?

23
00:00:54,000 --> 00:00:57,840
No, já tvrdí, že proto, že máme
řádek tabulky, uvnitř které máme

24
00:00:57,840 --> 00:01:02,950
tři tabulky Data, jsme v podstatě mají
počátky tabulky, která má jeden

25
00:01:02,950 --> 00:01:04,590
řádek a tři sloupce.

26
00:01:04,590 --> 00:01:06,640
Pojďme se dát některé
další řádky.

27
00:01:06,640 --> 00:01:11,300
>> Pod úzké tr tag, pojďme otevřít
další tr tag, a preventivně zavřít

28
00:01:11,300 --> 00:01:12,510
, že tím, jak dobře.

29
00:01:12,510 --> 00:01:21,600
Uvnitř toho, pojďme teď
dělat, TD 4, TD 5 a TD 6.

30
00:01:21,600 --> 00:01:23,470
Pod tímto řadě, pojďme to třetí.

31
00:01:23,470 --> 00:01:25,680
Otevřít řádek tabulky, v blízkosti řádek tabulky.

32
00:01:25,680 --> 00:01:34,970
Uvnitř toho, td 7, TD 8, a td 9.

33
00:01:34,970 --> 00:01:37,910
>> Konečně, jen aby to bylo zajímavé,
pojďme dokončit dno

34
00:01:37,910 --> 00:01:39,430
této klávesnice telefonu.

35
00:01:39,430 --> 00:01:42,530
Otevřít tr a blízko tr.

36
00:01:42,530 --> 00:01:51,530
A uvnitř té, TD hvězda,
td 0, a td libra.

37
00:01:51,530 --> 00:01:54,090
Pojďme se nyní tento soubor uložit, změnit
jeho oprávnění, a

38
00:01:54,090 --> 00:01:56,440
zobrazit v prohlížeči.

39
00:01:56,440 --> 00:02:00,220
>> Chmod + r table.html.

40
00:02:00,220 --> 00:02:02,300
Pojďme nyní otevřít Chrome.

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

42
00:02:08,430 --> 00:02:11,610
A tady to máme, co se zdá
být tabulky HTML.

43
00:02:11,610 --> 00:02:13,920
To není zcela vypadat jako jsem očekával.

44
00:02:13,920 --> 00:02:17,650
Pojďme se alespoň přidat ohraničení teď kolem
všech těchto buněk tabulky.

45
00:02:17,650 --> 00:02:21,670
>> Vraťme se k gedit a přejděte
do tabulky značky samotné.

46
00:02:21,670 --> 00:02:25,130
A pojďme přidat atribut, známý jako
"Hranice", které specifikuje číselnou

47
00:02:25,130 --> 00:02:27,310
hodnota pro šířku ohraničení.

48
00:02:27,310 --> 00:02:31,160
Border rovná citace unquote 1,
kde 1 označuje šířku

49
00:02:31,160 --> 00:02:32,400
z hranice tabulky.

50
00:02:32,400 --> 00:02:36,920
Pojďme soubor uložte a znovu
strana ve svém prohlížeči.

51
00:02:36,920 --> 00:02:38,920
>> Zpět na Chrome, znovu.

52
00:02:38,920 --> 00:02:39,860
A tady to máme.

53
00:02:39,860 --> 00:02:42,550
Velmi ošklivý, ale přesto
tabulkových dat.

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