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

2
00:00:00,140 --> 00:00:03,700
>> PROFESORUL HARLAN: HTML, sau HyperText
Limbaj de marcare, este limba în

3
00:00:03,700 --> 00:00:04,870
care paginile web sunt scrise.

4
00:00:04,870 --> 00:00:08,140
Acum, nu este un limbaj de programare,
pentru că nu ne permite să-și exprime

5
00:00:08,140 --> 00:00:11,420
logică, cum ar fi de bucle, și în timp ce buclele,
și condițiile și altele asemenea.

6
00:00:11,420 --> 00:00:14,690
Mai degrabă, este într-adevăr un limbaj de markup
care ne permite să specificați ce un web

7
00:00:14,690 --> 00:00:17,490
Pagina ar trebui să arate ca, structural
și estetic.

8
00:00:17,490 --> 00:00:20,210
Și face acest lucru prin intermediul
ceea ce se numesc tag-uri.

9
00:00:20,210 --> 00:00:23,470
Haideti sa patrundem in și face mai simple de
pagina web, una care pur și simplu spune, pentru

10
00:00:23,470 --> 00:00:25,410
exemplu, salut lume.

11
00:00:25,410 --> 00:00:29,940
>> Observați aici, în gedit, că am deja
salvat fișierul ca hello.html.

12
00:00:29,940 --> 00:00:32,990
Si observa aici, în terminalul
fereastră, că eu par a fi în interiorul

13
00:00:32,990 --> 00:00:36,070
un director numit de stat, care se
este în interiorul de un director numit

14
00:00:36,070 --> 00:00:39,770
gazdă locale, care se află în interiorul lui
un director numit vhosts, care

15
00:00:39,770 --> 00:00:42,850
în sine este în interiorul de John Harvard
directorul home.

16
00:00:42,850 --> 00:00:45,850
Acum, se pare că, din cauza modului în
am configurat aparatul, care

17
00:00:45,850 --> 00:00:49,670
este în lumea reală ca o modalitate în care este posibil,
nimic în interiorul acestui publice

18
00:00:49,670 --> 00:00:53,400
director ar trebui, într-adevăr, să fie accesibil
pentru întreaga publicului prin intermediul unui

19
00:00:53,400 --> 00:00:56,610
browser-ul web, chiar dacă, chiar acum,
Eu sunt singurul utilizator care va fi

20
00:00:56,610 --> 00:00:58,340
accesarea acestei pagini web.

21
00:00:58,340 --> 00:01:03,120
>> Să ne întoarcem acum la hello.html și de a începe
scris o parte din această limbă.

22
00:01:03,120 --> 00:01:07,110
În primul rând, deasupra acest dosar, am de gând să
specifica suport deschis, de exclamare

23
00:01:07,110 --> 00:01:10,400
punct, spațiu DOCTYPE html.

24
00:01:10,400 --> 00:01:13,930
Această linie nu este o etichetă, în sine, chiar
deși ea nu începe cu un dialog deschis

25
00:01:13,930 --> 00:01:18,020
Suport, dar, în schimb, este un speciale
un fragment linie care specifică pentru o

26
00:01:18,020 --> 00:01:22,370
browser-ul, aici vine un web
Pagina scrise în HTML.

27
00:01:22,370 --> 00:01:26,920
>> Să următor, pe o linie proprie,
specifica deschis html suport, indicând

28
00:01:26,920 --> 00:01:29,890
pentru browser-ul ca aici,
într-adevăr, este ca HTML.

29
00:01:29,890 --> 00:01:34,150
În interiorul de care, haideți liniuță un pic, și
apoi faceți cap, specificând la

30
00:01:34,150 --> 00:01:37,470
browser-ul, aici vine șeful
pagina, care, de acum, presupun este

31
00:01:37,470 --> 00:01:40,830
în esență, pe bara de titlu la foarte
partea de sus a ferestrei browser-ului.

32
00:01:40,830 --> 00:01:45,500
Să următor specifica, în interiorul capul
tag-ul, că vom avea un titlu de

33
00:01:45,500 --> 00:01:47,570
ceva simplu ca bună ziua.

34
00:01:47,570 --> 00:01:51,550
Dar acum, hai să spunem browser-ului
am terminat oferind un titlu.

35
00:01:51,550 --> 00:01:56,080
Pentru a face acest lucru, la fel cum am deschis sau inceput
tag-ul, titlul, o clipă în urmă,

36
00:01:56,080 --> 00:02:00,250
hai acum aproape sau termina că tag-ul de
specificând, de fapt, opusul.

37
00:02:00,250 --> 00:02:05,010
>> Pentru a exprima faptul că, facem suport deschis,
slash înainte, titlu.

38
00:02:05,010 --> 00:02:07,830
În mod similar, acum că am terminat definirea,
pentru acum, capul acestei

39
00:02:07,830 --> 00:02:12,340
pagină, vom face deschis suport cap slash,
spune browser-ul pe care suntem

40
00:02:12,340 --> 00:02:14,710
acum se face furnizarea capului.

41
00:02:14,710 --> 00:02:18,080
Doar o singură porție rămâne acum,
așa-numitul corp a paginii web, care

42
00:02:18,080 --> 00:02:21,120
constituie de fapt esența
din orice pagină web.

43
00:02:21,120 --> 00:02:24,780
>> Să se specifice că, aici, e
începând, cu suport deschis, corp,

44
00:02:24,780 --> 00:02:25,600
aproape suport.

45
00:02:25,600 --> 00:02:29,080
Și să scrie ceva acum
ca salut virgulă lume.

46
00:02:29,080 --> 00:02:32,930
Se simte ca acesta este un web destul de bun
pagina, asa ca hai sa acum trece la o nouă linie.

47
00:02:32,930 --> 00:02:37,460
Specifica suport deschis, înainte slash,
corp, informarea browser-ul pe care suntem

48
00:02:37,460 --> 00:02:38,650
făcut asigurarea corpului.

49
00:02:38,650 --> 00:02:41,120
Și în mod similar, hai acum a informa
browser-ul pe care am terminat

50
00:02:41,120 --> 00:02:43,230
oferind o pagină web.

51
00:02:43,230 --> 00:02:47,120
Pe o linie proprie, vom face deschis
suport, înainte slash, html.

52
00:02:47,120 --> 00:02:49,350
>> Acum, observa estetica
a acestei pagini web.

53
00:02:49,350 --> 00:02:52,290
Chiar dacă, tehnic, nu este
trebuie să ofere cât mai mult alb

54
00:02:52,290 --> 00:02:55,450
spațiu așa cum am făcut-o, e stil bun, deoarece
codul este, fără îndoială, mult mai

55
00:02:55,450 --> 00:02:56,490
mai ușor de citit.

56
00:02:56,490 --> 00:03:00,780
Notificare, în special, că, atunci când am deschis
sau de a începe o etichetă, apoi am liniuță din

57
00:03:00,780 --> 00:03:02,040
liniile care urmează.

58
00:03:02,040 --> 00:03:05,990
Și când am închide sau și tag-ul, am
închide că tag-ul, fie pe aceeași

59
00:03:05,990 --> 00:03:09,790
linie, în cazul în care este o linie destul de scurt, sau
pe o linie nouă în așa fel încât

60
00:03:09,790 --> 00:03:14,540
linii de tag-ul de aproape cu tag-ul deschis,
la fel ca ne-am facut intr-o limba ca C

61
00:03:14,540 --> 00:03:17,380
cu acolade deschide și închide.

62
00:03:17,380 --> 00:03:20,350
>> Să salvăm acum acest fișier și încercați
pentru a deschide într-un browser web

63
00:03:20,350 --> 00:03:21,600
în interiorul aparatului.

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

65
00:03:24,180 --> 00:03:30,310
Să deschidem Chrome, si sa acum
vizita http://localhost, care este o

66
00:03:30,310 --> 00:03:34,930
pseudonim pentru aparatul
în sine, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Și observați că eu nu am de fapt scris
publice, deoarece este implicat

68
00:03:38,230 --> 00:03:42,430
că în cazul în care vizita aceasta pagina prin intermediul unui web
browser-ul, tu într-adevăr doriți să accesați

69
00:03:42,430 --> 00:03:44,430
conținutul care directorul public.

70
00:03:44,430 --> 00:03:47,740
Dar eu nu vreau să acceseze, în mod special,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Deci, haideți acum de a lovi Enter
și să vedem ce se întâmplă.

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

73
00:03:51,710 --> 00:03:56,260
Nu am permisiunea de a accesa
/ Hello.html pe acest server.

74
00:03:56,260 --> 00:03:57,570
Acum, de ce ar fi asta?

75
00:03:57,570 --> 00:04:01,040
Ei bine, se pare că nu este suficient
pur și simplu pune acest dosar, hello.html,

76
00:04:01,040 --> 00:04:02,560
în acel director public.

77
00:04:02,560 --> 00:04:06,150
De asemenea, trebuie să-i spuneți în mod proactiv
aparat pe care noi, într-adevăr, doresc să

78
00:04:06,150 --> 00:04:09,470
permite toată lumea, potențial,
pentru a accesa acest fisier.

79
00:04:09,470 --> 00:04:12,470
Pentru a face acest lucru, avem nevoie pentru a schimba sale
permisiuni, ca să spunem așa, și putem

80
00:04:12,470 --> 00:04:14,600
face acest lucru la o linie de comandă.

81
00:04:14,600 --> 00:04:20,079
>> Să tastați ls-l pentru a obține o listă lungă
din fișierele din acest director, Enter.

82
00:04:20,079 --> 00:04:22,480
Și vom vedea, într-adevăr, hello.html.

83
00:04:22,480 --> 00:04:25,882
Dar pe aici pe stânga,
preaviz, este un r și un w.

84
00:04:25,882 --> 00:04:29,050
R, așa cum ați ghicit, înseamnă
citit, și w mijloacele de a scrie, dar

85
00:04:29,050 --> 00:04:32,470
faptul există o singură astfel de r și
un astfel de w, tot drumul peste la

86
00:04:32,470 --> 00:04:36,710
stâng al acestor linii, înseamnă că numai
proprietarul fișierelor, eu însumi, poate de fapt

87
00:04:36,710 --> 00:04:38,370
citească și să scrie acest fișier.

88
00:04:38,370 --> 00:04:41,610
>> Avem nevoie pentru a trece cel puțin un alt
r pentru a lăsa întreaga lume citit

89
00:04:41,610 --> 00:04:42,810
acest fișier, de asemenea.

90
00:04:42,810 --> 00:04:47,320
Și pentru a face acest lucru, putem face acest lucru cu
comanda, chmod, sau modul de schimbare.

91
00:04:47,320 --> 00:04:54,030
chmod o, pentru toți, plus r,
spațiu, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Nimic nu pare să se fi întâmplat, dar
care este, în general, un lucru bun.

93
00:04:56,970 --> 00:05:02,490
Deci, din nou ls-l ar trebui, sperăm,
da unele suplimentar r.

94
00:05:02,490 --> 00:05:04,130
>> Și într-adevăr, putem vedea cum.

95
00:05:04,130 --> 00:05:08,350
Pe partea stângă de aici acum, aviz
pe care le-am citit și scrie privilegii.

96
00:05:08,350 --> 00:05:10,320
Există un alt r, și apoi un alt r.

97
00:05:10,320 --> 00:05:13,180
Ei bine, se pare r în mijloc
înseamnă grupul meu, care se întâmplă să fie

98
00:05:13,180 --> 00:05:15,370
elevii din aparat,
se poate citi, de asemenea, acest fișier.

99
00:05:15,370 --> 00:05:18,235
Dar asta e irelevant aici,
din moment ce vorbim despre web și

100
00:05:18,235 --> 00:05:19,850
nu aparatul în sine.

101
00:05:19,850 --> 00:05:23,420
Dar că a treia r tot drumul pe
indică drept că toată lumea,

102
00:05:23,420 --> 00:05:25,920
sau toate, poate citi acest fișier.

103
00:05:25,920 --> 00:05:29,290
>> Să ne întoarcem acum la browser-ul meu, reîncărcați
pagina, și a vedea dacă eu nu sunt

104
00:05:29,290 --> 00:05:32,050
mai mult interzis.

105
00:05:32,050 --> 00:05:36,800
Să faceți clic pe pictograma de reîncărcare Chrome sus
aici, sau lovit de control-R, și acolo ne-am

106
00:05:36,800 --> 00:05:38,750
l-au, salut lume.

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