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

2
00:00:00,140 --> 00:00:03,700
>> PROFESOR HARLAN: HTML, ou HyperText
Linguaxe de marcado, é a lingua en

3
00:00:03,700 --> 00:00:04,870
que as páxinas web están escritas.

4
00:00:04,870 --> 00:00:08,140
Agora, non é unha linguaxe de programación,
porque non nos permiten expresar

5
00:00:08,140 --> 00:00:11,420
lóxica, por loops, e mentres loops,
e condicións e semellantes.

6
00:00:11,420 --> 00:00:14,690
Pola contra, é na verdade unha linguaxe de reserva
que nos permite especificar o que é un web

7
00:00:14,690 --> 00:00:17,490
páxina debe ser semellante, estruturalmente
e esteticamente.

8
00:00:17,490 --> 00:00:20,210
E faino por medio de
que son chamados de etiquetas.

9
00:00:20,210 --> 00:00:23,470
Imos mergullo e facer o máis sinxelo de
páxina web, que simplemente di, por

10
00:00:23,470 --> 00:00:25,410
exemplo, Ola mundo.

11
00:00:25,410 --> 00:00:29,940
>> Teña en conta aquí, en gedit, que eu xa
salvo o ficheiro como hello.html.

12
00:00:29,940 --> 00:00:32,990
E nótese aquí, na terminal
fiestra, que parece estar dentro

13
00:00:32,990 --> 00:00:36,070
un directorio chamado público, que se
está dentro dun directorio chamado

14
00:00:36,070 --> 00:00:39,770
servidor local, que se está dentro
un directorio chamado vhosts, que

15
00:00:39,770 --> 00:00:42,850
en si é dentro de John Harvard
directorio persoal.

16
00:00:42,850 --> 00:00:45,850
Agora ao parecer, por mor da forma
temos configurado o dispositivo, que

17
00:00:45,850 --> 00:00:49,670
é no mundo real, como un xeito posible,
nada dentro dese público

18
00:00:49,670 --> 00:00:53,400
directorio debe, de feito, ser accesible
a todo o público a través dun

19
00:00:53,400 --> 00:00:56,610
navegador, a pesar de, neste momento,
Eu son o único usuario que será

20
00:00:56,610 --> 00:00:58,340
acceder a esta páxina.

21
00:00:58,340 --> 00:01:03,120
>> Imos agora voltar hello.html e comezar
escribindo un pouco desa linguaxe.

22
00:01:03,120 --> 00:01:07,110
En primeiro lugar, por riba deste arquivo, vou
especifica soporte aberto, exclamación

23
00:01:07,110 --> 00:01:10,400
punto, DOCTYPE html espazo.

24
00:01:10,400 --> 00:01:13,930
Esta liña non é unha marca, por si só, aínda
aínda que non comezar con un diálogo aberto

25
00:01:13,930 --> 00:01:18,020
soporte, mais, en vez diso, é unha especial
un fragmento de liña que especifica a un

26
00:01:18,020 --> 00:01:22,370
navegador, aquí vén unha web
páxina escrita en HTML.

27
00:01:22,370 --> 00:01:26,920
>> Imos seguinte, nunha liña propia,
especificar aberto html soporte, indicando

28
00:01:26,920 --> 00:01:29,890
para o navegador que aquí,
de feito, é que o HTML.

29
00:01:29,890 --> 00:01:34,150
Dentro diso, imos recuar un pouco, e
a continuación, facer de cabeza, especificando a

30
00:01:34,150 --> 00:01:37,470
navegador, aí ven o xefe da
páxina, o que, polo momento, asumir é

31
00:01:37,470 --> 00:01:40,830
esencialmente, a barra de títulos no moi
superior da fiestra do navegador.

32
00:01:40,830 --> 00:01:45,500
Imos seguinte especifica, dentro do que a cabeza
tag, que nós imos ter un título de

33
00:01:45,500 --> 00:01:47,570
algo simple como Olá

34
00:01:47,570 --> 00:01:51,550
Pero agora, imos dicir ao navegador
estamos a facer prestación dun título.

35
00:01:51,550 --> 00:01:56,080
Para iso, así como abrimos ou iniciado
o tag, Título, hai pouco,

36
00:01:56,080 --> 00:02:00,250
Imos agora pechar ou rematar esta etiqueta por
especificando, en realidade, o contrario.

37
00:02:00,250 --> 00:02:05,010
>> Para expresar isto, facemos soporte aberto,
barra, o título.

38
00:02:05,010 --> 00:02:07,830
Do mesmo xeito, agora que estamos a facer a definición,
polo de agora, a cabeza deste

39
00:02:07,830 --> 00:02:12,340
páxina, imos facer aberto cabeza barra soporte,
dicindo ao navegador que estamos

40
00:02:12,340 --> 00:02:14,710
agora feito dando a cabeza.

41
00:02:14,710 --> 00:02:18,080
Só unha porción permanece agora, o
chamado corpo da páxina web, o que

42
00:02:18,080 --> 00:02:21,120
realmente constitúe a esencia
de calquera páxina web.

43
00:02:21,120 --> 00:02:24,780
>> Imos indicar que, aquí, é
comezando, co soporte aberto, corpo,

44
00:02:24,780 --> 00:02:25,600
preto soporte.

45
00:02:25,600 --> 00:02:29,080
E imos agora escribir algo
como Ola mundo coma.

46
00:02:29,080 --> 00:02:32,930
Parece que este é un bo web suficiente
páxina, así que imos agora pasar a unha nova liña.

47
00:02:32,930 --> 00:02:37,460
Especifique soporte aberto, barra,
corpo, informando o navegador que estamos

48
00:02:37,460 --> 00:02:38,650
feito que contén o corpo.

49
00:02:38,650 --> 00:02:41,120
E do mesmo xeito, imos agora informar
o navegador que eu rematar

50
00:02:41,120 --> 00:02:43,230
subministración dunha páxina web.

51
00:02:43,230 --> 00:02:47,120
Nunha liña propia, faremos aberto
soporte, barra, html.

52
00:02:47,120 --> 00:02:49,350
>> Agora, teña en conta a estética
esta páxina web.

53
00:02:49,350 --> 00:02:52,290
Aínda que, tecnicamente, non é
obrigados a proporcionar o máximo de branco

54
00:02:52,290 --> 00:02:55,450
espazo como eu fixen, é bo estilo, porque
o código é, sen dúbida, moi

55
00:02:55,450 --> 00:02:56,490
máis lexible.

56
00:02:56,490 --> 00:03:00,780
Teña en conta, en particular, que, cando eu abrir
ou iniciar unha marca, entón eu guión

57
00:03:00,780 --> 00:03:02,040
as liñas que se seguen.

58
00:03:02,040 --> 00:03:05,990
E cando eu peche ou ea marca, eu
pechar esta etiqueta ou na mesma

59
00:03:05,990 --> 00:03:09,790
liña, se é unha liña moi curto, ou
nunha nova liña de tal forma que o

60
00:03:09,790 --> 00:03:14,540
estreitas liñas de etiqueta coa etiqueta aberta,
moi como fixemos nunha linguaxe como C

61
00:03:14,540 --> 00:03:17,380
con claves de apertura e peche.

62
00:03:17,380 --> 00:03:20,350
>> Imos agora gardar este ficheiro e probe
para abrilo nun navegador web

63
00:03:20,350 --> 00:03:21,600
no interior do aparello.

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

65
00:03:24,180 --> 00:03:30,310
Imos abrir Chrome, e imos agora
visitar http://host, que é un

66
00:03:30,310 --> 00:03:34,930
alcume ao dispositivo
si / hello.html.

67
00:03:34,930 --> 00:03:38,230
E teña en conta que eu non teño realmente ingresaran
público, xa que está implícito

68
00:03:38,230 --> 00:03:42,430
que, se visitar esta páxina a través dun web
navegador, o que realmente quere acceder ao

69
00:03:42,430 --> 00:03:44,430
contido deste directorio público.

70
00:03:44,430 --> 00:03:47,740
Pero quero acceder, especialmente,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Entón, imos agora prema Intro
e ver o que acontece.

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

73
00:03:51,710 --> 00:03:56,260
Eu non teño permiso para acceder
/ Hello.html neste servidor.

74
00:03:56,260 --> 00:03:57,570
Agora, por que pode ser iso?

75
00:03:57,570 --> 00:04:01,040
Ben, ao parecer, non é suficiente
simplemente poñer este ficheiro, hello.html,

76
00:04:01,040 --> 00:04:02,560
deste directorio público.

77
00:04:02,560 --> 00:04:06,150
Necesitamos tamén de dicir de forma Proativo o
aparello que, de feito, queren

78
00:04:06,150 --> 00:04:09,470
permitir que o mundo todo, potencialmente,
para acceder a este ficheiro.

79
00:04:09,470 --> 00:04:12,470
Para iso, necesitamos cambiar o seu
permisos, por así dicir, e podemos

80
00:04:12,470 --> 00:04:14,600
facelo nunha liña de comandos.

81
00:04:14,600 --> 00:04:20,079
>> Imos escribir ls-l para obter unha listaxe longa
dos ficheiros deste directorio, Intro.

82
00:04:20,079 --> 00:04:22,480
E vemos, de feito, hello.html.

83
00:04:22,480 --> 00:04:25,882
Pero aquí na esquerda,
previo aviso, é unha re w.

84
00:04:25,882 --> 00:04:29,050
A r, como ten que ter difícil de adiviñar, significa
ler, e os medios w escribir, pero

85
00:04:29,050 --> 00:04:32,470
o feito de que só hai unha tal re
un tal w, todo o camiño ata a

86
00:04:32,470 --> 00:04:36,710
esquerda destas trazas, significa que soamente
o propietario de arquivos, eu mesmo, pode realmente

87
00:04:36,710 --> 00:04:38,370
ler e escribir neste ficheiro.

88
00:04:38,370 --> 00:04:41,610
>> Debemos cambiar, polo menos, outra
r para que o mundo enteiro ler

89
00:04:41,610 --> 00:04:42,810
este ficheiro tamén.

90
00:04:42,810 --> 00:04:47,320
E para facelo, podemos facelo co
mando, chmod, ou o modo de cambio.

91
00:04:47,320 --> 00:04:54,030
chmod un, para todos, cousa que R
espazo, hello.html Intro.

92
00:04:54,030 --> 00:04:56,970
Nada parece acontecer, pero
que xeralmente é bo.

93
00:04:56,970 --> 00:05:02,490
Entón ls-l novo debe, espero,
producir algún r do adicional.

94
00:05:02,490 --> 00:05:04,130
>> E, de feito, vemos tal.

95
00:05:04,130 --> 00:05:08,350
Do lado da man esquerda aquí agora, previo
que eu teño ler e escribir privilexios.

96
00:05:08,350 --> 00:05:10,320
Hai outra r, e despois outro r.

97
00:05:10,320 --> 00:05:13,180
Ben, acontece que a R no medio
quere dicir que o meu grupo, que pasa a ser

98
00:05:13,180 --> 00:05:15,370
estudantes no aparello,
Tamén é posíbel ler este ficheiro.

99
00:05:15,370 --> 00:05:18,235
Pero iso é en gran parte irrelevante aquí,
xa que estamos a falar sobre a web e

100
00:05:18,235 --> 00:05:19,850
non o propio aparello.

101
00:05:19,850 --> 00:05:23,420
Pero este terceiro r todo o camiño no
dereita indica que o mundo enteiro,

102
00:05:23,420 --> 00:05:25,920
ou todos, pode ler este ficheiro.

103
00:05:25,920 --> 00:05:29,290
>> Imos agora volver ao meu navegador, recargue
a páxina e ver se eu non son

104
00:05:29,290 --> 00:05:32,050
xa prohibido.

105
00:05:32,050 --> 00:05:36,800
Imos facer clic na icona de recarga de Chrome up
aquí, ou prema Control-R, e alí nós

106
00:05:36,800 --> 00:05:38,750
telo, Ola mundo.

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