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

2
00:00:00,140 --> 00:00:03,700
>> PROFESOR HARLAN: HTML, ili HyperText
Markup Language je jezik u

3
00:00:03,700 --> 00:00:04,870
koje web stranice su napisane.

4
00:00:04,870 --> 00:00:08,140
Sada, to nije programski jezik,
jer to ne dopušta nam da izraze

5
00:00:08,140 --> 00:00:11,420
logika, kao i za petlje, i dok petlje,
i uvjeti i slično.

6
00:00:11,420 --> 00:00:14,690
Umjesto toga, to je doista jezik za označavanje
koji nam omogućuje da odredite što je Web

7
00:00:14,690 --> 00:00:17,490
stranica trebala izgledati, strukturno
i estetski.

8
00:00:17,490 --> 00:00:20,210
I to čini na način
ono što se naziva oznake.

9
00:00:20,210 --> 00:00:23,470
Zaronimo u i napraviti najjednostavnije
web stranica, onaj koji jednostavno kaže, za

10
00:00:23,470 --> 00:00:25,410
instanca, hello world.

11
00:00:25,410 --> 00:00:29,940
>> Obavijest ovdje, u gedit, da sam već
spremili datoteku kao hello.html.

12
00:00:29,940 --> 00:00:32,990
I primjetiti ovdje, u terminalu
prozor, da sam čini se unutar

13
00:00:32,990 --> 00:00:36,070
katalog zove javni, koja sama po sebi
je unutar imenik zove

14
00:00:36,070 --> 00:00:39,770
lokalni domaćin, koji je i sam unutar
katalog zove vhosts, koji

15
00:00:39,770 --> 00:00:42,850
Sam je unutar John Harvard
home direktorij.

16
00:00:42,850 --> 00:00:45,850
Sada ispada, zbog načina na koji
smo konfiguriran aparat, koji

17
00:00:45,850 --> 00:00:49,670
je u stvarnom svijetu kao način što je više moguće,
ništa unutar ovog javnosti

18
00:00:49,670 --> 00:00:53,400
katalog treba, zapravo, biti dostupan
na cijelu javnost putem

19
00:00:53,400 --> 00:00:56,610
web preglednik, iako, upravo sada,
Ja sam jedini korisnik koji će biti

20
00:00:56,610 --> 00:00:58,340
pristup ovoj web stranici.

21
00:00:58,340 --> 00:01:03,120
>> Idemo sada vratiti u hello.html i početi
pisanje nekih od tog jezika.

22
00:01:03,120 --> 00:01:07,110
Prvo, na vrhu ove datoteke, idem
specificirati otvorene zagrada, uzvik

23
00:01:07,110 --> 00:01:10,400
točka, DOCTYPE html prostor.

24
00:01:10,400 --> 00:01:13,930
Ova linija nije tag, sami po sebi, čak i
iako se ne počinje s otvorenim

25
00:01:13,930 --> 00:01:18,020
Nosač, ali je, umjesto toga, je posebna
jedan redak fragment koji određuje da se

26
00:01:18,020 --> 00:01:22,370
Preglednik, ovdje dolazi weba
stranica napisana u HTML.

27
00:01:22,370 --> 00:01:26,920
>> Idemo naprijed, na liniji za sebe,
specificirati otvorene bracket html, što ukazuje

28
00:01:26,920 --> 00:01:29,890
na e da je ovdje,
dapače, da je HTML.

29
00:01:29,890 --> 00:01:34,150
Unutar toga, neka se uvukli malo, a
onda glavu, navodeći da

30
00:01:34,150 --> 00:01:37,470
Preglednik, ovdje dolazi glavu
stranica, koji je, za sada, pretpostaviti je

31
00:01:37,470 --> 00:01:40,830
u biti naslov bar na vrlo
vrhu prozora preglednika.

32
00:01:40,830 --> 00:01:45,500
Idemo naprijed odrediti, unutar te glave
tag, da ćemo imati titulu

33
00:01:45,500 --> 00:01:47,570
nešto jednostavno poput pozdraviti.

34
00:01:47,570 --> 00:01:51,550
Ali sada, hajdemo reći preglednik
gotovi smo pružiti naslov.

35
00:01:51,550 --> 00:01:56,080
Da biste to postigli, baš kao što smo otvorili i započeli
tag, naslov, prije trenutka,

36
00:01:56,080 --> 00:02:00,250
neka je sada blizu ili završiti tu oznaku strane
navodeći, zapravo, suprotna.

37
00:02:00,250 --> 00:02:05,010
>> Izraziti da, radimo otvoreno nosač,
kosa crta, naslov.

38
00:02:05,010 --> 00:02:07,830
Isto tako, sada kada smo gotovi definiranja,
za sada, voditelj ovog

39
00:02:07,830 --> 00:02:12,340
stranica, mi ćemo učiniti otvoreno bracket kose crte glavu,
govori preglednik da smo

40
00:02:12,340 --> 00:02:14,710
sada učinio pod uvjetom da je glava.

41
00:02:14,710 --> 00:02:18,080
Samo jedan dio sada ostaje,
Takozvani tijelo na web stranici, koji

42
00:02:18,080 --> 00:02:21,120
zapravo predstavlja suštinu
od bilo koje web stranice.

43
00:02:21,120 --> 00:02:24,780
>> Idemo odrediti da, evo, to je
na početku, s otvorenim zagrada, tijela,

44
00:02:24,780 --> 00:02:25,600
blizu nosač.

45
00:02:25,600 --> 00:02:29,080
I neka je sada napisati nešto
kao bok zarez svijet.

46
00:02:29,080 --> 00:02:32,930
Osjeća se kao da je to dovoljno dobar web
stranica, pa ćemo sada premjestiti na novu liniju.

47
00:02:32,930 --> 00:02:37,460
Navedite otvorenu nosač, kosa crta,
Tijelo, informiranje preglednik da smo

48
00:02:37,460 --> 00:02:38,650
učinio pod uvjetom da je tijelo.

49
00:02:38,650 --> 00:02:41,120
A isto tako, neka se sada obavijestiti
preglednik koji sam učinio

50
00:02:41,120 --> 00:02:43,230
pružanje web stranicu.

51
00:02:43,230 --> 00:02:47,120
Na liniji za sebe, mi ćemo učiniti otvorena
Nosač, kosa crta, html.

52
00:02:47,120 --> 00:02:49,350
>> Sada, primijetit estetiku
ove web stranice.

53
00:02:49,350 --> 00:02:52,290
Iako, tehnički, to nije
potrebno pružiti što više bijeli

54
00:02:52,290 --> 00:02:55,450
prostor kao što sam učinio, to je dobar stil, jer
Kod je, nedvojbeno, puno

55
00:02:55,450 --> 00:02:56,490
više čitati.

56
00:02:56,490 --> 00:03:00,780
Obavijest, posebice, da kad otvorim
ili početak tag, onda sam alineja

57
00:03:00,780 --> 00:03:02,040
linije koje slijede.

58
00:03:02,040 --> 00:03:05,990
I kad sam zatvoriti ili i oznaku, ja
zatvoriti tu oznaku ili na isto

59
00:03:05,990 --> 00:03:09,790
linija, ako je to prilično kratka linija, ili
na nove linije na takav način da se

60
00:03:09,790 --> 00:03:14,540
Zatvori tag linije se s otvorenom oznakom,
baš kao što smo učinili u jeziku kao što je C

61
00:03:14,540 --> 00:03:17,380
uz otvaranje i zatvaranje vitičastim zagradama.

62
00:03:17,380 --> 00:03:20,350
>> Idemo sada spremiti ovu datoteku i pokušati
da ga otvorite u web-pregledniku

63
00:03:20,350 --> 00:03:21,600
unutrašnjost aparata.

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

65
00:03:24,180 --> 00:03:30,310
Idemo otvoriti Chrome, i neka je sad
posjeti http://localhost, što je

66
00:03:30,310 --> 00:03:34,930
nadimak za aparat
Sam / hello.html.

67
00:03:34,930 --> 00:03:38,230
I primjetite da se nisam zapravo upisali
javnosti, jer se podrazumijeva

68
00:03:38,230 --> 00:03:42,430
da, ako posjetite ovu stranicu putem weba
preglednik, što doista želite pristupiti

69
00:03:42,430 --> 00:03:44,430
Sadržaj tog javnog telefonskog imenika.

70
00:03:44,430 --> 00:03:47,740
Ali ja ne želim pristupiti, posebno,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Tako ćemo sada pogodak Ulaziti
i vidjeti što se događa.

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

73
00:03:51,710 --> 00:03:56,260
Nemam dopuštenje za pristup
/ Hello.html na ovom poslužitelju.

74
00:03:56,260 --> 00:03:57,570
Sada, zašto bi to moglo biti?

75
00:03:57,570 --> 00:04:01,040
Pa, ispostavilo se da to nije dovoljno
jednostavno staviti ovu sliku, hello.html,

76
00:04:01,040 --> 00:04:02,560
u tom javnom imeniku.

77
00:04:02,560 --> 00:04:06,150
Također moramo reći proaktivno
Uređaj koji smo, doista, žele

78
00:04:06,150 --> 00:04:09,470
dopustiti cijeli svijet, potencijalno,
pristupiti ovu sliku.

79
00:04:09,470 --> 00:04:12,470
Da biste to učinili, moramo mijenjati svoje
dozvole, da se tako izrazim, i možemo

80
00:04:12,470 --> 00:04:14,600
to učiniti na zapovjednoj liniji.

81
00:04:14,600 --> 00:04:20,079
>> Idemo upisati ls-l dobiti dugo popis
od datoteka u ovom direktoriju, Enter.

82
00:04:20,079 --> 00:04:22,480
I vidimo, dapače, hello.html.

83
00:04:22,480 --> 00:04:25,882
No, ovdje na lijevoj strani,
obavijest, je r i w.

84
00:04:25,882 --> 00:04:29,050
R, kao što ste možda pogađate, znači
čitati, a w znači pisati, ali

85
00:04:29,050 --> 00:04:32,470
Činjenica da postoji samo jedan takav r i
jedna takva w, sve više se

86
00:04:32,470 --> 00:04:36,710
lijevo od tih crtica, znači da je samo
slika vlasnik, osobno, mogu zapravo

87
00:04:36,710 --> 00:04:38,370
čitati i pisati ovu sliku.

88
00:04:38,370 --> 00:04:41,610
>> Moramo prebacivanje najmanje jednu drugu
r na to da cijeli svijet čita

89
00:04:41,610 --> 00:04:42,810
ovu sliku kao dobro.

90
00:04:42,810 --> 00:04:47,320
A da bismo to učinili, možete to učiniti sa
naredba, chmod, ili način promjene.

91
00:04:47,320 --> 00:04:54,030
chmod, za sve, plus r,
Prostor, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Ništa se čini da se dogodilo, ali
to je općenito dobra stvar.

93
00:04:56,970 --> 00:05:02,490
Dakle ls-l opet trebao, nadamo se,
dati neke dodatne r-a.

94
00:05:02,490 --> 00:05:04,130
>> I doista, vidimo kao.

95
00:05:04,130 --> 00:05:08,350
S lijeve strane sada ovdje, otkazni
da sam čitati i pisati privilegije.

96
00:05:08,350 --> 00:05:10,320
Tu je još jedan r, a zatim još jedan r.

97
00:05:10,320 --> 00:05:13,180
Pa, ispada da R u sredini
znači moj skupinu, koja bi trebala iznositi

98
00:05:13,180 --> 00:05:15,370
studenata u aparata,
Također možete pročitati ovu sliku.

99
00:05:15,370 --> 00:05:18,235
No, to je uglavnom irelevantno ovdje,
jer govorimo o webu i

100
00:05:18,235 --> 00:05:19,850
Ne samom aparatu.

101
00:05:19,850 --> 00:05:23,420
No, da je treći r skroz na
Pravo ukazuje na to da je cijeli svijet,

102
00:05:23,420 --> 00:05:25,920
ili sve, možete pročitati ovu sliku.

103
00:05:25,920 --> 00:05:29,290
>> Idemo sada vratiti u svoj preglednik, ponovno učitati
stranica, i vidjeti ako sam ne

104
00:05:29,290 --> 00:05:32,050
više zabranjeno.

105
00:05:32,050 --> 00:05:36,800
Idemo kliknite ikonu reload Chrome up
Ovdje, ili udariti Control-R, a tu smo

106
00:05:36,800 --> 00:05:38,750
ga imate, hello world.

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