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

2
00:00:00,140 --> 00:00:03,700
>> PROFESOR HARLAN: HTML, alebo HyperText
Markup Language, je jazyk, v

3
00:00:03,700 --> 00:00:04,870
ktoré webové stránky sú písané.

4
00:00:04,870 --> 00:00:08,140
Teraz to nie je programovací jazyk,
, Pretože to nám neumožňuje vyjadriť

5
00:00:08,140 --> 00:00:11,420
logika, rovnako ako u slučiek, a while,
a podmienky a podobne.

6
00:00:11,420 --> 00:00:14,690
Skôr, je to naozaj značkovací jazyk
ktorý nám umožňuje určiť, aký typ web

7
00:00:14,690 --> 00:00:17,490
Stránka by mala vyzerať, štrukturálne
a esteticky.

8
00:00:17,490 --> 00:00:20,210
A robí tak prostredníctvom
to, čo sa hovorí tagy.

9
00:00:20,210 --> 00:00:23,470
Poďme sa ponoriť a urobiť najjednoduchšie
webové stránky, ktorý jednoducho hovorí, pre

10
00:00:23,470 --> 00:00:25,410
inštancie, hello world.

11
00:00:25,410 --> 00:00:29,940
>> Všimnite si tu, v gedit, že som už
uložiť súbor ako hello.html.

12
00:00:29,940 --> 00:00:32,990
A všimnite si, tu dole, v termináli
okno, že som sa zdajú byť vo vnútri

13
00:00:32,990 --> 00:00:36,070
adresár s názvom verejnosti, čo samo o sebe
je vnútri adresára s názvom

14
00:00:36,070 --> 00:00:39,770
miestneho hostiteľa, čo samo o sebe je vnútri
adresár s názvom vhosts, ktoré

15
00:00:39,770 --> 00:00:42,850
sám je vnútri John Harvard je
domovský adresár.

16
00:00:42,850 --> 00:00:45,850
Teraz sa ukázalo, kvôli spôsobu, akým
sme nakonfigurovali zariadenie, ktoré

17
00:00:45,850 --> 00:00:49,670
je v reálnom svete, ako spôsob, ako je to možné,
niečo vnútri tejto verejnosti

18
00:00:49,670 --> 00:00:53,400
adresár by mal skutočne byť prístupné
na celej verejnosti prostredníctvom

19
00:00:53,400 --> 00:00:56,610
webový prehliadač, aj keď práve teraz,
Som len užívateľ, ktorý sa bude

20
00:00:56,610 --> 00:00:58,340
Vstupom na tieto webové stránky.

21
00:00:58,340 --> 00:01:03,120
>> Poďme sa teraz vrátiť k hello.html a začať
písať niečo z toho jazyka.

22
00:01:03,120 --> 00:01:07,110
Po prvé, na vrchole tohto súboru, budem
špecifikovať otvorený držiak, výkrik

23
00:01:07,110 --> 00:01:10,400
bod, DOCTYPE html priestor.

24
00:01:10,400 --> 00:01:13,930
Táto linka nie je tag, samo o sebe, a to aj
aj keď to začína s otvoreným

25
00:01:13,930 --> 00:01:18,020
držiak, ale je namiesto toho je zvláštne
jeden riadok fragment, ktorý určuje, do

26
00:01:18,020 --> 00:01:22,370
prehliadač, tu je web
stránky napísané v HTML.

27
00:01:22,370 --> 00:01:26,920
>> Poďme ďalej, na rade jeho vlastné,
špecifikovať otvorený držiak html, čo znamená,

28
00:01:26,920 --> 00:01:29,890
k prehliadaču, ktorý tu,
skutočne, že je HTML.

29
00:01:29,890 --> 00:01:34,150
Vnútri toho, poďme odsadiť trochu, a
potom robiť hlavu, spresní

30
00:01:34,150 --> 00:01:37,470
prehliadač, prichádza hlavu
strana, ktorá teraz predpokladajme, že je

31
00:01:37,470 --> 00:01:40,830
v podstate záhlaví na veľmi
Horná časť okna prehliadača.

32
00:01:40,830 --> 00:01:45,500
Poďme budúci určiť, v tejto hlave
tag, že budeme mať titul

33
00:01:45,500 --> 00:01:47,570
niečo jednoduchého, ako ahoj.

34
00:01:47,570 --> 00:01:51,550
Ale teraz, poďme povedať prehliadač
sme hotoví poskytuje titulu.

35
00:01:51,550 --> 00:01:56,080
K tomu, že rovnako ako sme otvorili alebo začali
tag, titul, pred chvíľou,

36
00:01:56,080 --> 00:02:00,250
poďme sa teraz blíži alebo ukončiť tento tag
s uvedením, v skutočnosti, opak.

37
00:02:00,250 --> 00:02:05,010
>> Ak chcete vyjadriť, že sme to otvorený držiak,
lomítko, titul.

38
00:02:05,010 --> 00:02:07,830
Podobne, teraz, keď sme hotoví definovanie,
teraz, vedúci tejto

39
00:02:07,830 --> 00:02:12,340
stránky, urobíme zátvorka lomítko hlavu,
hovorí prehliadač, že sme

40
00:02:12,340 --> 00:02:14,710
teraz urobiť poskytovanie hlavu.

41
00:02:14,710 --> 00:02:18,080
Iba jedna časť teraz zostáva,
tzv telo na webové stránky, ktoré

42
00:02:18,080 --> 00:02:21,120
skutočne predstavuje esencie
z akejkoľvek webovej stránky.

43
00:02:21,120 --> 00:02:24,780
>> Poďme upresniť, že tu, je to
začiatok, s otvoreným držiakom, telo,

44
00:02:24,780 --> 00:02:25,600
pravá zátvorka.

45
00:02:25,600 --> 00:02:29,080
A poďme teraz napísať niečo
ako ahoj čiarka svet.

46
00:02:29,080 --> 00:02:32,930
Pocit, ako je to dosť dobrý web
stránky, takže poďme sa presunúť na nový riadok.

47
00:02:32,930 --> 00:02:37,460
Zadajte otvorený držiak, lomítko,
telo, informuje prehliadač, že sme

48
00:02:37,460 --> 00:02:38,650
vykonáva poskytnutie tela.

49
00:02:38,650 --> 00:02:41,120
A podobne, poďme sa informovať
prehliadač, ktorý som urobil

50
00:02:41,120 --> 00:02:43,230
poskytuje webové stránky.

51
00:02:43,230 --> 00:02:47,120
Na rade jeho vlastné, urobíme otvorené
držiak, lomítko, html.

52
00:02:47,120 --> 00:02:49,350
>> Teraz si všimnite, estetiku
o tejto webovej stránke.

53
00:02:49,350 --> 00:02:52,290
Aj keď, technicky vzaté, nie je to
povinný poskytnúť toľko biela

54
00:02:52,290 --> 00:02:55,450
priestor ako ja, že je to dobrý štýl, pretože
Kód je pravdepodobne oveľa

55
00:02:55,450 --> 00:02:56,490
viac čitateľné.

56
00:02:56,490 --> 00:03:00,780
Oznámenia, a to najmä, že keď otvorím
alebo spustiť tag, som vtedy odsadenie v

57
00:03:00,780 --> 00:03:02,040
Riadky, ktoré nasledujú.

58
00:03:02,040 --> 00:03:05,990
A keď som sa zavrieť alebo aj značku, som
zavrieť túto značku buď na rovnakej

59
00:03:05,990 --> 00:03:09,790
linka, ak je to pomerne krátka čiarka, alebo
na jeden riadok tak, že sa

60
00:03:09,790 --> 00:03:14,540
zavrieť tag linky až s otvorenou značku,
rovnako ako sme to urobili v jazyku, ako je C

61
00:03:14,540 --> 00:03:17,380
s otvorenými a blízko zložených zátvoriek.

62
00:03:17,380 --> 00:03:20,350
>> Poďme sa teraz tento súbor uložiť a vyskúšať
ju otvoríte vo webovom prehliadači

63
00:03:20,350 --> 00:03:21,600
vnútri spotrebiča.

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

65
00:03:24,180 --> 00:03:30,310
Poďme otvoriť Chrome, a poďme sa podnikom
navštíviť http://localhost, ktorý je

66
00:03:30,310 --> 00:03:34,930
prezývka pre spotrebiče
sám, / hello.html.

67
00:03:34,930 --> 00:03:38,230
A všimnite si, že som vlastne napísal
verejnosti, pretože to znamenalo,

68
00:03:38,230 --> 00:03:42,430
že ak navštívite túto stránku cez web
prehliadač, budete naozaj chcieť, aby prístup

69
00:03:42,430 --> 00:03:44,430
Obsah tohto verejného zoznamu.

70
00:03:44,430 --> 00:03:47,740
Ale ja chcem, aby prístup, konkrétne,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Takže poďme sa teraz stlačíte Enter
a uvidíme, čo sa stane.

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

73
00:03:51,710 --> 00:03:56,260
Nemám oprávnenie k prístupu
/ Hello.html na tomto serveri.

74
00:03:56,260 --> 00:03:57,570
A teraz, prečo by to mohlo byť?

75
00:03:57,570 --> 00:04:01,040
No, ukázalo sa, že to nestačí
jednoducho dať tento súbor, hello.html,

76
00:04:01,040 --> 00:04:02,560
v tomto verejnom zozname.

77
00:04:02,560 --> 00:04:06,150
Musíme tiež aktívne oznamovať
zariadenie, ktoré sa skutočne chcú

78
00:04:06,150 --> 00:04:09,470
aby celý svet, potenciálne,
prístup k tomuto súboru.

79
00:04:09,470 --> 00:04:12,470
Ak chcete tak urobiť, musíme zmeniť svoje
oprávnenie, aby som tak povedal, a môžeme

80
00:04:12,470 --> 00:04:14,600
to, že na príkazovom riadku.

81
00:04:14,600 --> 00:04:20,079
>> Poďme typu ls-l, aby sa dlhý výpis
zo súborov v tomto adresári, Enter.

82
00:04:20,079 --> 00:04:22,480
A vidíme, naozaj, hello.html.

83
00:04:22,480 --> 00:04:25,882
Ale tu vľavo,
oznámenia, je r a w.

84
00:04:25,882 --> 00:04:29,050
R, ako ste si mohol myslieť, znamená,
čítať, a w znamená písať, ale

85
00:04:29,050 --> 00:04:32,470
Skutočnosť, že je len jeden taký r a
jeden taký w, úplne sa k

86
00:04:32,470 --> 00:04:36,710
left týchto pomlčky, znamená, že iba
vlastník súborov, sám, môže skutočne

87
00:04:36,710 --> 00:04:38,370
čítať a písať tento súbor.

88
00:04:38,370 --> 00:04:41,610
>> Musíme prepínať aspoň jeden ďalší
r, aby celý svet čítať

89
00:04:41,610 --> 00:04:42,810
tento súbor rovnako.

90
00:04:42,810 --> 00:04:47,320
A ako to urobiť, môžeme tak urobiť s
príkaz chmod, alebo zmena režimu.

91
00:04:47,320 --> 00:04:54,030
chmod, pre všetkých, a r,
priestor, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Nič Zdá sa, že sa stalo, ale
to je všeobecne dobrá vec.

93
00:04:56,970 --> 00:05:02,490
Takže ls-l znovu by, dúfajme,
priniesť niektoré ďalšie r je.

94
00:05:02,490 --> 00:05:04,130
>> A skutočne, robíme pozri napr.

95
00:05:04,130 --> 00:05:08,350
Na strane ľavej ruky tu teraz, oznámenia
že som sa čítať a písať oprávnenia.

96
00:05:08,350 --> 00:05:10,320
Je tu ďalšie r, a potom ďalšie r

97
00:05:10,320 --> 00:05:13,180
No, to dopadá r v stredu
znamená, že moja skupina, ktorá sa stane byť

98
00:05:13,180 --> 00:05:15,370
Študenti v zariadení,
Môžete si tiež prečítať tento súbor.

99
00:05:15,370 --> 00:05:18,235
Ale to je tu do značnej miery irelevantné,
pretože hovoríme o webe a

100
00:05:18,235 --> 00:05:19,850
nie je spotrebič sám.

101
00:05:19,850 --> 00:05:23,420
Ale, že tretia r celú cestu na
právo znamená, že celý svet,

102
00:05:23,420 --> 00:05:25,920
alebo vôbec, môže čítať tento súbor.

103
00:05:25,920 --> 00:05:29,290
>> Poďme sa teraz vrátiť do svojho prehliadača, načítať
stránky, a uvidíme, či nie som

104
00:05:29,290 --> 00:05:32,050
dlhší zakázané.

105
00:05:32,050 --> 00:05:36,800
Poďme kliknite na ikonu Chrome prekladať do
tu, alebo stlačte Control-R, a tam sme

106
00:05:36,800 --> 00:05:38,750
majú to, hello world.

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