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

2
00:00:00,140 --> 00:00:03,700
>> PROFESSOR HARLAN: HTML, ou HyperText
Linguagem de marcação, é a língua em

3
00:00:03,700 --> 00:00:04,870
quais as páginas web são escritas.

4
00:00:04,870 --> 00:00:08,140
Agora, não é uma linguagem de programação,
porque não nos permitem expressar

5
00:00:08,140 --> 00:00:11,420
lógica, como por loops, e enquanto loops,
e condições e semelhantes.

6
00:00:11,420 --> 00:00:14,690
Pelo contrário, é na verdade uma linguagem de marcação
que nos permite especificar o que é um web

7
00:00:14,690 --> 00:00:17,490
página deve ser semelhante, estruturalmente
e esteticamente.

8
00:00:17,490 --> 00:00:20,210
E fá-lo por meio de
que são chamados de tags.

9
00:00:20,210 --> 00:00:23,470
Vamos mergulhar e fazer o mais simples de
página web, que simplesmente diz, por

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

11
00:00:25,410 --> 00:00:29,940
>> Observe aqui, no gedit, que eu já
salvou o arquivo como hello.html.

12
00:00:29,940 --> 00:00:32,990
E note-se aqui, no terminal
janela, que parece estar dentro de

13
00:00:32,990 --> 00:00:36,070
um diretório chamado público, que se
está dentro de um diretório chamado

14
00:00:36,070 --> 00:00:39,770
host local, que se está dentro de
um diretório chamado vhosts, que

15
00:00:39,770 --> 00:00:42,850
em si é dentro de John Harvard
diretório home.

16
00:00:42,850 --> 00:00:45,850
Agora ao que parece, por causa da maneira
temos configurado o aparelho, que

17
00:00:45,850 --> 00:00:49,670
é no mundo real, como uma maneira possível,
nada dentro desse público

18
00:00:49,670 --> 00:00:53,400
diretório deve, de fato, ser acessível
a todo o público através de um

19
00:00:53,400 --> 00:00:56,610
navegador, apesar de, neste momento,
Eu sou o único usuário que vai ser

20
00:00:56,610 --> 00:00:58,340
acessando esta página.

21
00:00:58,340 --> 00:01:03,120
>> Vamos agora voltar para hello.html e começar
escrevendo um pouco dessa linguagem.

22
00:01:03,120 --> 00:01:07,110
Em primeiro lugar, em cima deste arquivo, eu vou
especificar suporte aberto, exclamação

23
00:01:07,110 --> 00:01:10,400
ponto, DOCTYPE html espaço.

24
00:01:10,400 --> 00:01:13,930
Esta linha não é uma marca, por si só, mesmo
embora ele não começar com um diálogo aberto

25
00:01:13,930 --> 00:01:18,020
suporte, mas, em vez disso, é uma especial
um fragmento de linha que especifica a um

26
00:01:18,020 --> 00:01:22,370
navegador, aqui vem uma web
página escrita em HTML.

27
00:01:22,370 --> 00:01:26,920
>> Vamos seguinte, em uma linha própria,
especificar aberto html suporte, indicando

28
00:01:26,920 --> 00:01:29,890
para o navegador que aqui,
de facto, é que o HTML.

29
00:01:29,890 --> 00:01:34,150
Dentro disso, vamos recuar um pouco, e
em seguida, fazer de cabeça, especificando a

30
00:01:34,150 --> 00:01:37,470
navegador, aí vem o chefe da
página, o que, para já, assumir é

31
00:01:37,470 --> 00:01:40,830
essencialmente, a barra de título no muito
superior da janela do navegador.

32
00:01:40,830 --> 00:01:45,500
Vamos próximo especificar, dentro do que a cabeça
tag, que nós vamos ter um título de

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

34
00:01:47,570 --> 00:01:51,550
Mas agora, vamos dizer ao navegador
estamos a fazer prestação de um título.

35
00:01:51,550 --> 00:01:56,080
Para fazer isso, assim como abrimos ou iniciado
o tag, título, há pouco,

36
00:01:56,080 --> 00:02:00,250
Vamos agora fechar ou terminar essa tag por
especificando, na verdade, o oposto.

37
00:02:00,250 --> 00:02:05,010
>> Para expressar isso, fazemos suporte aberto,
barra, o título.

38
00:02:05,010 --> 00:02:07,830
Da mesma forma, agora que estamos a fazer a definição,
por enquanto, a cabeça deste

39
00:02:07,830 --> 00:02:12,340
página, vamos fazer aberto cabeça barra suporte,
dizendo ao navegador que estamos

40
00:02:12,340 --> 00:02:14,710
agora feito fornecendo a cabeça.

41
00:02:14,710 --> 00:02:18,080
Apenas uma porção permanece agora, o
chamado corpo da página web, o que

42
00:02:18,080 --> 00:02:21,120
realmente constitui a essência
de qualquer página web.

43
00:02:21,120 --> 00:02:24,780
>> Vamos especificar que, aqui, é
começando, com o suporte aberto, corpo,

44
00:02:24,780 --> 00:02:25,600
próximo suporte.

45
00:02:25,600 --> 00:02:29,080
E vamos agora escrever algo
como Olá mundo vírgula.

46
00:02:29,080 --> 00:02:32,930
Parece que este é um bom web suficiente
página, por isso vamos agora passar para uma nova linha.

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

48
00:02:37,460 --> 00:02:38,650
feito fornecendo o corpo.

49
00:02:38,650 --> 00:02:41,120
E da mesma forma, vamos agora informar
o navegador que eu terminar

50
00:02:41,120 --> 00:02:43,230
fornecimento de uma página web.

51
00:02:43,230 --> 00:02:47,120
Em uma linha própria, faremos aberto
suporte, barra, html.

52
00:02:47,120 --> 00:02:49,350
>> Agora, observe a estética
desta página web.

53
00:02:49,350 --> 00:02:52,290
Mesmo que, tecnicamente, não é
obrigados a fornecer o máximo de branco

54
00:02:52,290 --> 00:02:55,450
espaço como eu fiz, é bom estilo, porque
o código é, sem dúvida, muito

55
00:02:55,450 --> 00:02:56,490
mais legível.

56
00:02:56,490 --> 00:03:00,780
Observe, em particular, que, quando eu abrir
ou iniciar uma marca, então eu travessão

57
00:03:00,780 --> 00:03:02,040
as linhas que se seguem.

58
00:03:02,040 --> 00:03:05,990
E quando eu fecho ou ea marca, eu
fechar essa tag ou na mesma

59
00:03:05,990 --> 00:03:09,790
linha, se é uma linha bastante curto, ou
numa nova linha de tal forma que o

60
00:03:09,790 --> 00:03:14,540
estreitas linhas de tag com a tag aberta,
muito como fizemos em uma linguagem como C

61
00:03:14,540 --> 00:03:17,380
com chaves de abertura e fechamento.

62
00:03:17,380 --> 00:03:20,350
>> Vamos agora salvar esse arquivo e tente
para abri-lo em um navegador da web

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

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

65
00:03:24,180 --> 00:03:30,310
Vamos abrir o Chrome, e vamos agora
visitar http://host, que é um

66
00:03:30,310 --> 00:03:34,930
apelido para o aparelho
si / hello.html.

67
00:03:34,930 --> 00:03:38,230
E note que eu não tenho realmente digitado
público, já que está implícito

68
00:03:38,230 --> 00:03:42,430
que, se visitar esta página através de um web
navegador, você realmente quiser acessar o

69
00:03:42,430 --> 00:03:44,430
conteúdo desse diretório público.

70
00:03:44,430 --> 00:03:47,740
Mas eu quero acessar, especificamente,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Então, vamos agora pressione Enter
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 não tenho permissão para acessar
/ Hello.html neste servidor.

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

75
00:03:57,570 --> 00:04:01,040
Bem, ao que parece, não é suficiente
simplesmente colocar este arquivo, hello.html,

76
00:04:01,040 --> 00:04:02,560
nesse diretório público.

77
00:04:02,560 --> 00:04:06,150
Precisamos também de dizer de forma proativa o
aparelho que, de fato, querem

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

79
00:04:09,470 --> 00:04:12,470
Para isso, precisamos mudar a sua
permissões, por assim dizer, e podemos

80
00:04:12,470 --> 00:04:14,600
fazer isso em uma linha de comando.

81
00:04:14,600 --> 00:04:20,079
>> Vamos digitar ls-l para obter uma listagem longa
dos arquivos nesse diretório, Enter.

82
00:04:20,079 --> 00:04:22,480
E nós vemos, de fato, hello.html.

83
00:04:22,480 --> 00:04:25,882
Mas aqui na esquerda,
aviso prévio, é uma r e w.

84
00:04:25,882 --> 00:04:29,050
A r, como você deve ter adivinhado, significa
ler, e os meios w escrever, mas

85
00:04:29,050 --> 00:04:32,470
o fato de que só há uma tal re
um tal w, todo o caminho até a

86
00:04:32,470 --> 00:04:36,710
esquerda dessas traços, significa que somente
o proprietário de arquivos, eu mesmo, pode realmente

87
00:04:36,710 --> 00:04:38,370
ler e escrever neste arquivo.

88
00:04:38,370 --> 00:04:41,610
>> Temos de alternar, pelo menos, uma outra
r para deixar o mundo inteiro ler

89
00:04:41,610 --> 00:04:42,810
esse arquivo também.

90
00:04:42,810 --> 00:04:47,320
E para fazer isso, nós podemos fazê-lo com o
comando, chmod, ou o modo de mudança.

91
00:04:47,320 --> 00:04:54,030
chmod um, para todos, além de r,
espaço, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Nada parece ter acontecido, mas
que geralmente é uma coisa boa.

93
00:04:56,970 --> 00:05:02,490
Então ls-l novamente deve, espero,
produzir algum r do adicional.

94
00:05:02,490 --> 00:05:04,130
>> E, de fato, nós vemos tal.

95
00:05:04,130 --> 00:05:08,350
Do lado da mão esquerda aqui agora, aviso
que eu tenho ler e escrever privilégios.

96
00:05:08,350 --> 00:05:10,320
Há uma outra r, e depois outro r.

97
00:05:10,320 --> 00:05:13,180
Bem, acontece que a r no meio
significa que o meu grupo, que passa a ser

98
00:05:13,180 --> 00:05:15,370
estudantes no aparelho,
Também é possível ler este arquivo.

99
00:05:15,370 --> 00:05:18,235
Mas isso é em grande parte irrelevante aqui,
já que estamos falando sobre a web e

100
00:05:18,235 --> 00:05:19,850
não o próprio aparelho.

101
00:05:19,850 --> 00:05:23,420
Mas esse terceiro r todo o caminho no
direita indica que o mundo inteiro,

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

103
00:05:25,920 --> 00:05:29,290
>> Vamos agora voltar para o meu navegador, recarregue
a página e ver se eu não sou

104
00:05:29,290 --> 00:05:32,050
já proibida.

105
00:05:32,050 --> 00:05:36,800
Vamos clicar no ícone de recarga do Chrome up
aqui, ou pressione Control-R, e lá nós

106
00:05:36,800 --> 00:05:38,750
tê-lo, Olá mundo.

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