1
00:00:00,000 --> 00:00:00,140

2
00:00:00,140 --> 00:00:03,700
>> Propesor Harlan: HTML, o Hypertext
Markup Language, ay ang wika sa

3
00:00:03,700 --> 00:00:04,870
aling mga web page ay nakasulat.

4
00:00:04,870 --> 00:00:08,140
Ngayon, ito ay hindi isang programming language,
dahil hindi ito daan sa amin upang ipahayag ang

5
00:00:08,140 --> 00:00:11,420
logic, gaya ng para sa mga loop, at habang loop,
at kundisyon at mga katulad.

6
00:00:11,420 --> 00:00:14,690
Sa halip, ito ay sa katunayan ng isang markup language
na nagbibigay-daan sa amin upang tukuyin kung ano ang isang web

7
00:00:14,690 --> 00:00:17,490
pahina ay dapat magmukhang, structurally
at aesthetically.

8
00:00:17,490 --> 00:00:20,210
At ginagawa nito ito sa pamamagitan ng paraan ng
kung ano ay tinatawag na mga tag.

9
00:00:20,210 --> 00:00:23,470
Ni makisalamuha at gawin ang pinakasimpleng ng Hayaan
web page, isa na lang ang sinasabi, para sa

10
00:00:23,470 --> 00:00:25,410
Halimbawa, kumusta mundo.

11
00:00:25,410 --> 00:00:29,940
>> Pansinin dito, sa gedit, na na hindi ko pa
save ang file bilang hello.html.

12
00:00:29,940 --> 00:00:32,990
At mapansin down na dito, sa terminal
window, na lumilitaw ko bang maging sa loob ng

13
00:00:32,990 --> 00:00:36,070
isang direktoryo na tinatawag publiko, na kung saan mismo
ay nasa loob ng isang direktoryo na tinatawag na

14
00:00:36,070 --> 00:00:39,770
lokal na host, na kung saan mismo ay nasa loob ng
isang direktoryo na tinatawag na vhosts, na

15
00:00:39,770 --> 00:00:42,850
mismo ay nasa loob ng John Harvard ni
home directory.

16
00:00:42,850 --> 00:00:45,850
Ngayon ito ay lumiliko out, dahil sa ang paraan
na-configure na namin ang appliance, na

17
00:00:45,850 --> 00:00:49,670
ay nasa bilang tunay na mundo isang paraan hangga't maaari,
anumang bagay sa loob ng pampublikong

18
00:00:49,670 --> 00:00:53,400
direktoryo ay dapat, sa katunayan, maa-access
upang ang buong publiko sa pamamagitan ng isang

19
00:00:53,400 --> 00:00:56,610
web browser, kahit na, ngayon,
Ako ang tanging user na pupuntahan maging

20
00:00:56,610 --> 00:00:58,340
pag-access sa web page na ito.

21
00:00:58,340 --> 00:01:03,120
>> Sabihin ngayon bumalik sa hello.html at simulan ang
pagsusulat ng ilan sa mga wikang iyon.

22
00:01:03,120 --> 00:01:07,110
Una, nasa ibabaw ang file na ito, pupuntahan ko
tukuyin bukas bracket, tandang

23
00:01:07,110 --> 00:01:10,400
point, DOCTYPE espasyo html.

24
00:01:10,400 --> 00:01:13,930
Linya na ito ay hindi isang tag, per se, kahit
bagaman ito ay nagsisimula sa isang bukas na

25
00:01:13,930 --> 00:01:18,020
bracket, ngunit ito, sa halip, ay isang espesyal na
isang linya fragment na tumutukoy sa isang

26
00:01:18,020 --> 00:01:22,370
browser, dito ay isang web
nakasulat sa HTML na pahina.

27
00:01:22,370 --> 00:01:26,920
>> Sabihin sa tabi, sa isang linya ng sarili nitong,
tukuyin bukas bracket html, na nagpapahiwatig

28
00:01:26,920 --> 00:01:29,890
sa browser na dito,
sa katunayan, ay na HTML.

29
00:01:29,890 --> 00:01:34,150
Sa loob ng na, mag-indent ng isang bit ipaalam, at
pagkatapos ay gawin ang ulo, na tumutukoy sa

30
00:01:34,150 --> 00:01:37,470
browser, dito ay ang pinuno ng
pahina, na kung saan, sa ngayon, ipagpalagay ay

31
00:01:37,470 --> 00:01:40,830
mahalagang title bar sa pinakadulo
tuktok ng window ng browser.

32
00:01:40,830 --> 00:01:45,500
Sabihin sa tabi tukuyin, sa loob ng na ulo
tag, na kakailanganin naming ng isang pamagat ng

33
00:01:45,500 --> 00:01:47,570
isang bagay tulad ng halo.

34
00:01:47,570 --> 00:01:51,550
Ngunit ngayon, sabihin ng browser hayaan
tapos na kami nagbibigay ng isang pamagat.

35
00:01:51,550 --> 00:01:56,080
Upang gawin iyon, tulad ng kung namin nabuksan o makapagsimula
ang tag, pamagat, sandali ang nakalipas,

36
00:01:56,080 --> 00:02:00,250
sabihin na magsara ngayon o nagtatapos sa tag na iyon sa pamamagitan ng
pagtukoy, sa epekto, ang kabaligtaran.

37
00:02:00,250 --> 00:02:05,010
>> Upang ipahayag na, ginagawa namin bukas bracket,
forward slash, pamagat.

38
00:02:05,010 --> 00:02:07,830
Katulad nito, ngayon na tapos na kami ng pagtukoy,
para sa ngayon, ang pinuno ng ito

39
00:02:07,830 --> 00:02:12,340
pahina, gagawin namin bukas bracket slash ulo,
na nagsasabi sa mga browser na hindi namin

40
00:02:12,340 --> 00:02:14,710
tapos na ngayon ang pagbibigay ng ulo.

41
00:02:14,710 --> 00:02:18,080
Nananatiling ngayon isang bahagi lamang, ang
tinatawag nang gayon katawan ng web page, na

42
00:02:18,080 --> 00:02:21,120
talaga ay bumubuo sa kakanyahan
ng anumang web page.

43
00:02:21,120 --> 00:02:24,780
>> Sabihin tukuyin iyon, dito, ito ay
simula, may open bracket, katawan,

44
00:02:24,780 --> 00:02:25,600
malapit bracket.

45
00:02:25,600 --> 00:02:29,080
At ngayon magsulat ng isang bagay hayaan
tulad kumusta kuwit mundo.

46
00:02:29,080 --> 00:02:32,930
Nararamdaman tulad ng ito ay isang magandang sapat web
ni ngayon ilipat sa isang bagong linya ng pahina, kaya hayaan.

47
00:02:32,930 --> 00:02:37,460
Tukuyin bukas bracket, forward slash,
katawan, na nagpapaalam sa mga browser na hindi namin

48
00:02:37,460 --> 00:02:38,650
tapos na ang pagbibigay ng katawan.

49
00:02:38,650 --> 00:02:41,120
At katulad, ni ngayon ipaalam ipaalam
ang browser na ako tapos na

50
00:02:41,120 --> 00:02:43,230
pagbibigay ng isang web page.

51
00:02:43,230 --> 00:02:47,120
Sa isang linya ng sarili nitong, gagawin namin bukas
bracket, forward slash, html.

52
00:02:47,120 --> 00:02:49,350
>> Ngayon, mapapansin ang aesthetics
ng web page na ito.

53
00:02:49,350 --> 00:02:52,290
Kahit na, technically, hindi
kinakailangan upang magbigay ng maraming puting

54
00:02:52,290 --> 00:02:55,450
espasyo tulad ng ginawa ko, ito ay mahusay na estilo, dahil
ang code ay, arguably, magkano

55
00:02:55,450 --> 00:02:56,490
mas nababasa.

56
00:02:56,490 --> 00:03:00,780
Paunawa, sa partikular, na kapag binuksan ko
o simulan ang isang tag, pagkatapos ay i-indent ko sa

57
00:03:00,780 --> 00:03:02,040
ang mga linya na sundin.

58
00:03:02,040 --> 00:03:05,990
At kapag isinara ko ang o at ang tag, ako
isara na tag alinman sa parehong

59
00:03:05,990 --> 00:03:09,790
linya, kung ito ay isang medyo maikling linya, o
sa isang bagong linya sa paraan na ang

60
00:03:09,790 --> 00:03:14,540
malapit na tag mga linya up sa buksan ang tag,
halos tulad ng ginawa namin sa isang wika tulad ng C

61
00:03:14,540 --> 00:03:17,380
may bukas at malapit kulot tirante.

62
00:03:17,380 --> 00:03:20,350
>> Hayaan ang i-save ni ngayon ang file na ito at subukan
upang buksan ito sa isang web browser

63
00:03:20,350 --> 00:03:21,600
sa loob ng appliance.

64
00:03:21,600 --> 00:03:24,180

65
00:03:24,180 --> 00:03:30,310
Ni buksan up ang Chrome Hayaan, at sabihin ngayon
bisitahin http://localhost, na isang

66
00:03:30,310 --> 00:03:34,930
palayaw para sa appliance
mismo, / hello.html.

67
00:03:34,930 --> 00:03:38,230
At mapansin na ako ng hindi aktwal na nai-type
publiko, dahil na ipinahiwatig

68
00:03:38,230 --> 00:03:42,430
na kung pagbisita sa pahinang ito sa pamamagitan ng isang web
browser, mo talagang nais na i-access ang

69
00:03:42,430 --> 00:03:44,430
mga nilalaman ng pampublikong direktoryo.

70
00:03:44,430 --> 00:03:47,740
Subalit ko nais upang ma-access, partikular,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Kaya ipaalam sa hit ni ngayon Ipasok ang
at tingnan kung ano ang mangyayari.

72
00:03:50,854 --> 00:03:51,710
>> Hm.

73
00:03:51,710 --> 00:03:56,260
Wala akong pahintulot na pag-access
/ Hello.html sa server na ito.

74
00:03:56,260 --> 00:03:57,570
Ngayon, kung bakit maaaring maging iyon?

75
00:03:57,570 --> 00:04:01,040
Well, ito ay lumiliko out ito ay hindi sapat
upang maglagay lamang ang file na ito, hello.html,

76
00:04:01,040 --> 00:04:02,560
sa na pampublikong direktoryo.

77
00:04:02,560 --> 00:04:06,150
Kailangan din namin upang maagap na sabihin ang
appliance na kami, sa katunayan, nais na

78
00:04:06,150 --> 00:04:09,470
payagan ang buong mundo, potensyal,
upang ma-access ang file na ito.

79
00:04:09,470 --> 00:04:12,470
Upang gawin ito, kailangan namin upang baguhin nito
mga pahintulot, kaya na magsalita, at kaya namin

80
00:04:12,470 --> 00:04:14,600
gawin iyon sa isang linya ng command.

81
00:04:14,600 --> 00:04:20,079
>> Nagta-type ng ls-l Hayaan upang makakuha ng isang mahabang listahan
sa mga file sa direktoryong ito, ang Enter.

82
00:04:20,079 --> 00:04:22,480
At kami makita, sa katunayan, hello.html.

83
00:04:22,480 --> 00:04:25,882
Ngunit sa paglipas dito sa kaliwa,
paunawa, ay isang r at isang w.

84
00:04:25,882 --> 00:04:29,050
R Ang, pati na maaaring nahulaan, ang ibig sabihin
mabasa, at ang w paraan isulat, ngunit

85
00:04:29,050 --> 00:04:32,470
ang katotohanang mayroon lamang isang tulad r at
isa tulad w, ang lahat ng paraan papunta sa

86
00:04:32,470 --> 00:04:36,710
kaliwa ng mga gitling, nangangahulugan na tanging
may-ari ang mga file, aking sarili, maaari talaga

87
00:04:36,710 --> 00:04:38,370
basahin at isulat ang file na ito.

88
00:04:38,370 --> 00:04:41,610
>> Kailangan naming i-toggle ang hindi bababa sa isang iba pang
r upang ipaalam sa buong mundo basahin

89
00:04:41,610 --> 00:04:42,810
ang file na ito pati na rin.

90
00:04:42,810 --> 00:04:47,320
At upang gawin ito, maaari naming gawin ito gamit ang
utos, chmod, o pagbabago ng mode.

91
00:04:47,320 --> 00:04:54,030
chmod isang, para sa lahat, plus r,
espasyo, hello.html ang Enter.

92
00:04:54,030 --> 00:04:56,970
Mukhang Walang nangyari, ngunit
na sa pangkalahatan ay isang magandang bagay.

93
00:04:56,970 --> 00:05:02,490
Kaya ls-l muli dapat, sana,
nagbubunga ng ilang mga karagdagang r ni.

94
00:05:02,490 --> 00:05:04,130
>> At sa katunayan, ang ginagawa namin makita tulad.

95
00:05:04,130 --> 00:05:08,350
Sa mga kaliwete gilid dito ngayon, abiso
na nabasa ko at isulat ang mga pribilehiyo.

96
00:05:08,350 --> 00:05:10,320
Mayroong isa pang r, at pagkatapos ay isa pang r.

97
00:05:10,320 --> 00:05:13,180
Well, ito ay lumiliko out ang r sa gitna
Ang ibig sabihin ng aking group, na ang mangyayari sa maging

98
00:05:13,180 --> 00:05:15,370
mga mag-aaral sa appliance,
Maaari ring mabasa ang file na ito.

99
00:05:15,370 --> 00:05:18,235
Ngunit iyon lamang ang higit sa lahat na walang-kaugnayan dito,
dahil pinag-uusapan natin ang tungkol sa mga web at

100
00:05:18,235 --> 00:05:19,850
hindi ang mismong appliance.

101
00:05:19,850 --> 00:05:23,420
Ngunit na ang mga third r ang lahat ng mga paraan sa
kanan ay nagpapahiwatig na ang buong mundo,

102
00:05:23,420 --> 00:05:25,920
o lahat, maaaring basahin ang file na ito.

103
00:05:25,920 --> 00:05:29,290
>> Sabihin bumalik sa aking browser ngayon, i-reload
pahina, at makita kung ako walang

104
00:05:29,290 --> 00:05:32,050
na ipinagbabawal.

105
00:05:32,050 --> 00:05:36,800
I-click ang reload na icon ng Chrome up Hayaan
dito, o pindutin ang Control-R, at doon namin

106
00:05:36,800 --> 00:05:38,750
mayroon ito, kumusta mundo.

107
00:05:38,750 --> 00:05:41,248