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

2
00:00:00,170 --> 00:00:02,740
>> SPEAKER 1: Predpokladajme, že máte niektoré
tabuľková dáta, ktoré by ste chceli, aby rozloženie

3
00:00:02,740 --> 00:00:05,470
na webovej stránke v tabuľke,
s riadkov a stĺpcov.

4
00:00:05,470 --> 00:00:06,540
Ako môžeme urobiť?

5
00:00:06,540 --> 00:00:10,480
>> No, dopredu tu som sa dostal
začal table.html, s niektorými

6
00:00:10,480 --> 00:00:12,300
otvorené tagy a niektoré uzavreté tagy.

7
00:00:12,300 --> 00:00:15,890
Vnútri tela teraz, poďme
zahŕňajú značku tabuľky.

8
00:00:15,890 --> 00:00:19,300
A preventívne, len tak ja nie
zabudnúť, poďme sú úzke tabuľku

9
00:00:19,300 --> 00:00:20,760
označiť tiež.

10
00:00:20,760 --> 00:00:24,830
Vnútri toho, poďme špecifikovať
riadok tabuľky s tag tr.

11
00:00:24,830 --> 00:00:27,300
A tiež preventívne, zatvorte to.

12
00:00:27,300 --> 00:00:31,550
>> Teraz v tejto rade, poďme definovať
stĺpce alebo dáta, ktoré budú

13
00:00:31,550 --> 00:00:34,050
vnútri týchto stĺpcov,
alebo bunky v ňom.

14
00:00:34,050 --> 00:00:37,470
Ak to chcete vykonať, poďme používať
td tag pre dáta tabuľky.

15
00:00:37,470 --> 00:00:39,730
Otvorte držiak td zátvorka.

16
00:00:39,730 --> 00:00:42,490
A teraz, čo začneme simuláciu
čísla Telefónne je.

17
00:00:42,490 --> 00:00:45,890
Začnime s jedným, a potom
zatvorte dátový tag tabuľky.

18
00:00:45,890 --> 00:00:47,840
Poďme otvoriť nový s 2.

19
00:00:47,840 --> 00:00:49,200
Zatvorte že jeden rovnako.

20
00:00:49,200 --> 00:00:50,270
A potom tretí.

21
00:00:50,270 --> 00:00:52,980
td 3 Zatvorte td.

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

23
00:00:54,000 --> 00:00:57,840
No, ja tvrdí, že preto, že máme
riadok tabuľky, vnútri ktorej máme

24
00:00:57,840 --> 00:01:02,950
tri tabuľky Dáta, sme v podstate majú
počiatky tabuľky, ktorá má jeden

25
00:01:02,950 --> 00:01:04,590
riadok a tri stĺpce.

26
00:01:04,590 --> 00:01:06,640
Poďme sa dať niektoré
ďalšie riadky.

27
00:01:06,640 --> 00:01:11,300
>> Pod úzke tr tag, poďme otvoriť
ďalšie tr tag, a preventívne zavrieť

28
00:01:11,300 --> 00:01:12,510
, Že tým, ako dobre.

29
00:01:12,510 --> 00:01:21,600
Vnútri toho, poďme teraz
robiť, TD 4, TD 5 a TD 6.

30
00:01:21,600 --> 00:01:23,470
Pod týmto rade, poďme to tretí.

31
00:01:23,470 --> 00:01:25,680
Otvoriť riadok tabuľky, v blízkosti riadok tabuľky.

32
00:01:25,680 --> 00:01:34,970
Vnútri toho, td 7, TD 8, a td 9.

33
00:01:34,970 --> 00:01:37,910
>> Konečne, len aby to bolo zaujímavé,
poďme dokončiť dno

34
00:01:37,910 --> 00:01:39,430
tejto klávesnice telefónu.

35
00:01:39,430 --> 00:01:42,530
Otvoriť tr a blízko tr.

36
00:01:42,530 --> 00:01:51,530
A vo vnútri tej, TD hviezda,
td 0, a td libra.

37
00:01:51,530 --> 00:01:54,090
Poďme sa teraz tento súbor uložiť, zmeniť
jeho oprávnenia, a

38
00:01:54,090 --> 00:01:56,440
zobraziť v prehliadači.

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

40
00:02:00,220 --> 00:02:02,300
Poďme teraz otvoriť Chrome.

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

42
00:02:08,430 --> 00:02:11,610
A tu to máme, čo sa zdá
byť tabuľky HTML.

43
00:02:11,610 --> 00:02:13,920
To nie je úplne vyzerať ako som očakával.

44
00:02:13,920 --> 00:02:17,650
Poďme sa aspoň pridať ohraničenie teraz okolo
všetkých týchto buniek tabuľky.

45
00:02:17,650 --> 00:02:21,670
>> Vráťme sa k gedit a prejdite
do tabuľky samotné značky.

46
00:02:21,670 --> 00:02:25,130
A poďme pridať atribút, známy ako
"Hranice", ktoré špecifikuje číselnú

47
00:02:25,130 --> 00:02:27,310
hodnota pre šírku ohraničenie.

48
00:02:27,310 --> 00:02:31,160
Border rovná citácie Unquote 1,
kde 1 označuje šírku

49
00:02:31,160 --> 00:02:32,400
z hranice tabuľky.

50
00:02:32,400 --> 00:02:36,920
Poďme súbor uložte a znovu
strana vo svojom prehliadači.

51
00:02:36,920 --> 00:02:38,920
>> Späť na Chrome, znova.

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

53
00:02:39,860 --> 00:02:42,550
Veľmi škaredý, ale napriek tomu
tabuľkových dát.

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