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

2
00:00:00,140 --> 00:00:03,700
>> PROFESSOR HARLAN: HTML, o Hypertext
Llenguatge de marcat, és el llenguatge en el

3
00:00:03,700 --> 00:00:04,870
què s'escriuen les pàgines web.

4
00:00:04,870 --> 00:00:08,140
Ara, no és un llenguatge de programació,
ja que no permet que expressem

5
00:00:08,140 --> 00:00:11,420
lògica, igual que per als bucles i bucles while,
i les condicions i similars.

6
00:00:11,420 --> 00:00:14,690
Més aviat, és en realitat un llenguatge de marques
que ens permet especificar què una tela

7
00:00:14,690 --> 00:00:17,490
la pàgina ha de ser similar, estructuralment
i estèticament.

8
00:00:17,490 --> 00:00:20,210
I ho fa per mitjà de
el que s'anomenen les etiquetes.

9
00:00:20,210 --> 00:00:23,470
Anem a bussejar en i crea el més simple de
pàgina web, un que simplement diu, per

10
00:00:23,470 --> 00:00:25,410
exemple, hola món.

11
00:00:25,410 --> 00:00:29,940
>> Noteu aquí, a gedit, que ja he
guardat l'arxiu com hello.html.

12
00:00:29,940 --> 00:00:32,990
I noti aquí baix, a la terminal
finestra, que semblo estar dins

13
00:00:32,990 --> 00:00:36,070
un directori anomenat públic, que al seu torn
està dins d'un directori anomenat

14
00:00:36,070 --> 00:00:39,770
host local, que al seu torn és dins
un directori anomenat vhosts, que

15
00:00:39,770 --> 00:00:42,850
si està dins de John Harvard
directori personal.

16
00:00:42,850 --> 00:00:45,850
Ara resulta, a causa de la manera
hem configurat l'aparell, el que

17
00:00:45,850 --> 00:00:49,670
és en el món real, com una manera del possible,
res dins d'aquest públic

18
00:00:49,670 --> 00:00:53,400
directori ha, en efecte, ser accessible
a tot el públic a través d'un

19
00:00:53,400 --> 00:00:56,610
navegador web, tot i que, en aquest moment,
Jo sóc l'únic usuari que serà

20
00:00:56,610 --> 00:00:58,340
accedir a aquesta pàgina web.

21
00:00:58,340 --> 00:01:03,120
>> Tornem a hello.html i començar
escriure alguna cosa d'aquest llenguatge.

22
00:01:03,120 --> 00:01:07,110
En primer lloc, a la part alta d'aquest arxiu, vaig a
especificar oberta suport, exclamació

23
00:01:07,110 --> 00:01:10,400
punt, espai DOCTYPE HTML.

24
00:01:10,400 --> 00:01:13,930
Aquesta línia no és una etiqueta, per se, fins i tot
encara que comença amb un procés obert

25
00:01:13,930 --> 00:01:18,020
suport, però, en canvi, és un especial
un fragment de la línia que especifica a un

26
00:01:18,020 --> 00:01:22,370
navegador, aquí ve un web
pàgina escrita en HTML.

27
00:01:22,370 --> 00:01:26,920
>> Anem a continuació, en una línia pròpia,
especificar oberta HTML suport, la qual cosa indica

28
00:01:26,920 --> 00:01:29,890
al navegador que aquí,
de fet, és que HTML.

29
00:01:29,890 --> 00:01:34,150
Dins d'això, anem a sagnen una mica, i
després fer el cap, especificant els

30
00:01:34,150 --> 00:01:37,470
navegador, aquí ve el cap de la
pàgina, que, per ara, se suposa és

31
00:01:37,470 --> 00:01:40,830
essencialment la barra de títol en la part
part superior de la finestra del navegador.

32
00:01:40,830 --> 00:01:45,500
Anem proper especificar, dins d'aquesta cap
etiqueta, que tindrem un títol de

33
00:01:45,500 --> 00:01:47,570
una cosa tan simple com saludar.

34
00:01:47,570 --> 00:01:51,550
Però ara, anem a dir-li al navegador
hem acabat proporcionant un títol.

35
00:01:51,550 --> 00:01:56,080
Per a això, igual que obrim o comencem
l'etiqueta, títol, fa un moment,

36
00:01:56,080 --> 00:02:00,250
Ara anem a tancar o acabar aquesta etiqueta per
especificant, en efecte, el contrari.

37
00:02:00,250 --> 00:02:05,010
>> Per expressar això, fem parèntesi obert,
barra inclinada, títol.

38
00:02:05,010 --> 00:02:07,830
De la mateixa manera, ara que hem acabat de definir,
per ara, el cap d'aquesta

39
00:02:07,830 --> 00:02:12,340
pàgina, farem el cap obert barra suport,
dient al navegador que estem

40
00:02:12,340 --> 00:02:14,710
ara fet proporcionant el cap.

41
00:02:14,710 --> 00:02:18,080
Només una porció d'ara continua sent, la
denominat cos de la pàgina web, el qual

42
00:02:18,080 --> 00:02:21,120
realment constitueix l'essència
de qualsevol pàgina web.

43
00:02:21,120 --> 00:02:24,780
>> Anem a especificar que, aquí, és
començant amb suport obert, cos,

44
00:02:24,780 --> 00:02:25,600
claudàtor de tancament.

45
00:02:25,600 --> 00:02:29,080
I ara anem a escriure alguna cosa
com hola món coma.

46
00:02:29,080 --> 00:02:32,930
Se sent com que és un bon prou web
pàgina, així que passarem ara a una nova línia.

47
00:02:32,930 --> 00:02:37,460
Especifiqueu parèntesi obert, barra inclinada,
cos, informant al navegador que estem

48
00:02:37,460 --> 00:02:38,650
fet proveir al cos.

49
00:02:38,650 --> 00:02:41,120
I de la mateixa manera, ara anem a informar
el navegador que he acabat

50
00:02:41,120 --> 00:02:43,230
proporcionar una pàgina web.

51
00:02:43,230 --> 00:02:47,120
En una línia pròpia, ho farem oberta
suport, barra inclinada, html.

52
00:02:47,120 --> 00:02:49,350
>> Ara, observi l'estètica
d'aquesta pàgina web.

53
00:02:49,350 --> 00:02:52,290
Tot i que, tècnicament, no és
necessària per a proporcionar la major quantitat de blanc

54
00:02:52,290 --> 00:02:55,450
espai com jo, és un bon estil, perquè
el codi és, sens dubte, molt més

55
00:02:55,450 --> 00:02:56,490
més llegible.

56
00:02:56,490 --> 00:03:00,780
Avís, en particular, que quan obro
o començar una etiqueta, llavors em guió

57
00:03:00,780 --> 00:03:02,040
les línies que segueixen.

58
00:03:02,040 --> 00:03:05,990
I quan tanco o i l'etiqueta, I
tancar aquesta etiqueta, ja sigui en el mateix

59
00:03:05,990 --> 00:03:09,790
línia, si es tracta d'una línia força curt, o
en una nova línia de tal manera que l'

60
00:03:09,790 --> 00:03:14,540
tancar línies de l'etiqueta cap amunt amb l'etiqueta oberta,
igual que ho vam fer en un llenguatge com C

61
00:03:14,540 --> 00:03:17,380
amb claus d'obertura i tancament.

62
00:03:17,380 --> 00:03:20,350
>> Ara anem a guardar l'arxiu i intentar
per obrir-lo en un navegador web

63
00:03:20,350 --> 00:03:21,600
a l'interior de l'aparell.

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

65
00:03:24,180 --> 00:03:30,310
Anem a obrir Chrome, i ara anem a
visiti http://localhost, que és un

66
00:03:30,310 --> 00:03:34,930
sobrenom per l'aparell
sí, / hello.html.

67
00:03:34,930 --> 00:03:38,230
I noto que no he fet escriure
pública, ja que dóna a entendre

68
00:03:38,230 --> 00:03:42,430
que si es visita aquesta pàgina a través d'una xarxa
navegador, de fet vol accedir al

69
00:03:42,430 --> 00:03:44,430
contingut d'aquest directori públic.

70
00:03:44,430 --> 00:03:47,740
Però sí vull accedir, en concret,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Així que anem ara prem enter
i veure què passa.

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

73
00:03:51,710 --> 00:03:56,260
Jo no tinc permís d'accés
/ Hello.html en aquest servidor.

74
00:03:56,260 --> 00:03:57,570
Ara, per què serà?

75
00:03:57,570 --> 00:04:01,040
Bé, resulta que no n'hi ha prou
simplement posar aquest arxiu, hello.html,

76
00:04:01,040 --> 00:04:02,560
en aquest directori públic.

77
00:04:02,560 --> 00:04:06,150
També hem de comptar de forma proactiva la
aparell que, de fet, volem

78
00:04:06,150 --> 00:04:09,470
permetre a tothom, el que podria,
per accedir al fitxer.

79
00:04:09,470 --> 00:04:12,470
Per a això, hem de canviar la seva
permisos, per dir-ho, i podem

80
00:04:12,470 --> 00:04:14,600
fer això en una línia d'ordres.

81
00:04:14,600 --> 00:04:20,079
>> Fem ls-l per obtenir un llistat llarg
dels arxius d'aquest directori, Retorn.

82
00:04:20,079 --> 00:04:22,480
I veiem, en efecte, hello.html.

83
00:04:22,480 --> 00:04:25,882
Però aquí a l'esquerra,
avís, és un r i w.

84
00:04:25,882 --> 00:04:29,050
La r, com ja hauran endevinat, significa
llegeixen, i els mitjans w escriuen, però

85
00:04:29,050 --> 00:04:32,470
el fet que només hi ha una tal ri
un d'aquests w, tot el camí cap a la

86
00:04:32,470 --> 00:04:36,710
esquerra dels guions, significa que només
l'amo arxius, jo mateix, pot en realitat

87
00:04:36,710 --> 00:04:38,370
llegir i escriure en aquest arxiu.

88
00:04:38,370 --> 00:04:41,610
>> Necessitem per alternar almenys un altre
r per deixar que tothom llegeix

89
00:04:41,610 --> 00:04:42,810
aquest arxiu també.

90
00:04:42,810 --> 00:04:47,320
I per fer això, podem fer-ho amb la
comandament chmod, o la manera de canvi.

91
00:04:47,320 --> 00:04:54,030
chmod a, per a tots, a més de r,
espai, hello.html Retorn.

92
00:04:54,030 --> 00:04:56,970
Res sembla haver succeït, però
això és generalment una bona cosa.

93
00:04:56,970 --> 00:05:02,490
Així que ls-l nou hauria, espero,
produir alguns erres addicional.

94
00:05:02,490 --> 00:05:04,130
>> I, en efecte, veiem tals.

95
00:05:04,130 --> 00:05:08,350
Al costat esquerre aquí ara, l'avís
que he llegit i escriure privilegis.

96
00:05:08,350 --> 00:05:10,320
Hi ha un altre r, i després un altre r.

97
00:05:10,320 --> 00:05:13,180
Bé, resulta que el r en el medi
significa que el meu grup, que passa a ser

98
00:05:13,180 --> 00:05:15,370
estudiants en l'aparell,
També pot llegir aquest fitxer.

99
00:05:15,370 --> 00:05:18,235
Però això és en gran mesura irrellevant aquí,
ja que estem parlant sobre la web i

100
00:05:18,235 --> 00:05:19,850
no el mateix aparell.

101
00:05:19,850 --> 00:05:23,420
Però aquest tercer r tot el camí a la
dreta indica que el món sencer,

102
00:05:23,420 --> 00:05:25,920
o tots, poden llegir aquest arxiu.

103
00:05:25,920 --> 00:05:29,290
>> Ara anem a tornar al meu navegador, torneu a carregar
la pàgina i veure si no sóc

104
00:05:29,290 --> 00:05:32,050
ja prohibit.

105
00:05:32,050 --> 00:05:36,800
Anem clic a la icona de recàrrega de Chrome fins
aquí, o prement Control-R, i allà

106
00:05:36,800 --> 00:05:38,750
tenir-lo, hola món.

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