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

2
00:00:00,170 --> 00:00:02,740
>> Tagapagsalita 1: Ipagpalagay na mayroon kang ilang mga
sa hugis ng mga talaan ng data na nais mong layout

3
00:00:02,740 --> 00:00:05,470
sa isang web page sa isang table,
may hanay at haligi.

4
00:00:05,470 --> 00:00:06,540
Paano maaari naming gawin ito?

5
00:00:06,540 --> 00:00:10,480
>> Well, nang maaga dito na nakuha ko
Magsimula sa table.html, na may ilang mga

6
00:00:10,480 --> 00:00:12,300
bukas mga tag at ang ilang mga nakasarang mga tag.

7
00:00:12,300 --> 00:00:15,890
Sa loob ng katawan ngayon, sabihin
isama ang tag talahanayan.

8
00:00:15,890 --> 00:00:19,300
At preemptively, kaya lang gagawin ko hindi
kalimutan na isama ng malapit talahanayan ipaalam

9
00:00:19,300 --> 00:00:20,760
tag pati na rin.

10
00:00:20,760 --> 00:00:24,830
Sa loob ng na, sabihin tukuyin
isang hilera ng talahanayan na may isang tr tag.

11
00:00:24,830 --> 00:00:27,300
At, din preemptively, isara iyon.

12
00:00:27,300 --> 00:00:31,550
>> Ngayon sa loob ng hilera na ito, ni tukuyin hayaan ang
haligi o ang data na iyon ay

13
00:00:31,550 --> 00:00:34,050
sa loob ng mga hanay,
o ng mga cell ng nakapaloob doon.

14
00:00:34,050 --> 00:00:37,470
Upang gawin ito, gamitin hayaan ang
td tag para sa data table.

15
00:00:37,470 --> 00:00:39,730
Buksan bracket td malapit bracket.

16
00:00:39,730 --> 00:00:42,490
At ngayon, kung paano tungkol sa sisimulan namin ang simulating
mga numero ng telepono ay.

17
00:00:42,490 --> 00:00:45,890
Magsimula tayo sa isa Hayaan, at pagkatapos ay
isara ang talahanayan tag na data.

18
00:00:45,890 --> 00:00:47,840
Buksan ang isang bagong isa na may 2 Hayaan.

19
00:00:47,840 --> 00:00:49,200
Isara isa din iyon.

20
00:00:49,200 --> 00:00:50,270
At pagkatapos ay isang third.

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

22
00:00:52,980 --> 00:00:54,000
>> Saan ako pagpunta sa ito?

23
00:00:54,000 --> 00:00:57,840
Well, inaangkin ko na dahil mayroon kaming
hilera ng talahanayan, sa loob ng saan ay mayroon kaming

24
00:00:57,840 --> 00:01:02,950
tatlong talahanayan datas, lubos kaming magkaroon
ang Beginnings ng isang talahanayan na may isang

25
00:01:02,950 --> 00:01:04,590
hilera at tatlong hanay.

26
00:01:04,590 --> 00:01:06,640
Ngayon magbigay ng ito ng ilang Hayaan
karagdagang mga hilera.

27
00:01:06,640 --> 00:01:11,300
>> Nasa ibaba ang malapit tr tag, buksan ng ipaalam
isa pang tr tag, at preemptively malapit

28
00:01:11,300 --> 00:01:12,510
na ang isa pati na rin.

29
00:01:12,510 --> 00:01:21,600
Sa loob ng na, sabihin ngayon
gawin td 4, td 5, at td 6.

30
00:01:21,600 --> 00:01:23,470
Sa ibaba hilera na, ni gawin sa isang third ipaalam.

31
00:01:23,470 --> 00:01:25,680
Buksan ang talahanayan hilera, isara ang hilera ng talahanayan.

32
00:01:25,680 --> 00:01:34,970
Sa Loob ng iyon, td 7, td 8, at td 9.

33
00:01:34,970 --> 00:01:37,910
>> Panghuli, upang tiyakin lamang kagiliw-giliw na mga bagay,
kumpletuhin ng ibaba ipaalam

34
00:01:37,910 --> 00:01:39,430
ng ito pad telepono.

35
00:01:39,430 --> 00:01:42,530
Buksan tr at malapit tr.

36
00:01:42,530 --> 00:01:51,530
At sa loob ng na, td bituin,
td 0, at td pound.

37
00:01:51,530 --> 00:01:54,090
Hayaan ngayong i-save ang file na ito, ang pagbabagong
mga pahintulot nito, at

38
00:01:54,090 --> 00:01:56,440
tingnan ito sa isang browser.

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

40
00:02:00,220 --> 00:02:02,300
Ngayon buksan ng Chrome Hayaan.

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

42
00:02:08,430 --> 00:02:11,610
At doon ay mayroon kaming ano lumilitaw
upang maging isang HTML talahanayan.

43
00:02:11,610 --> 00:02:13,920
Mukhang hindi ito mukhang inaasahan ko.

44
00:02:13,920 --> 00:02:17,650
Sabihin ng hindi bababa sa magdagdag ng isang hangganan sa paligid ngayon
lahat ng mga cell table.

45
00:02:17,650 --> 00:02:21,670
>> Sabihin bumalik sa gedit at mag-scroll
hanggang sa talahanayan tag mismo.

46
00:02:21,670 --> 00:02:25,130
At magdagdag ng isang katangian, na kilala bilang ipaalam
"Border," na tumutukoy sa pang-numero

47
00:02:25,130 --> 00:02:27,310
halaga para sa lapad ng border.

48
00:02:27,310 --> 00:02:31,160
Ay katumbas ng Border quote magpanipi 1,
kung saan 1 Tinutukoy ang lapad

49
00:02:31,160 --> 00:02:32,400
ng border ng talahanayan.

50
00:02:32,400 --> 00:02:36,920
I-save ang mga file at i-reload Hayaan
ang pahina sa aking browser.

51
00:02:36,920 --> 00:02:38,920
>> Bumalik sa Chrome, i-reload.

52
00:02:38,920 --> 00:02:39,860
At doon mayroon namin ito.

53
00:02:39,860 --> 00:02:42,550
Tunay na pangit, ngunit gayunman
sa hugis ng mga talaan ng data.

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