1
00:00:00,290 --> 00:00:02,436
Vocês já aprenderam 
muitas marcações em HTML.

2
00:00:02,436 --> 00:00:04,400
Mas sabe o que 
HTML realmente significa?

3
00:00:05,091 --> 00:00:08,902
HTML significa: 
"Linguagem de Marcação de Hipertexto".

4
00:00:09,633 --> 00:00:14,243
É uma maneira de usar 
marcações para marcar conteúdos.

5
00:00:14,872 --> 00:00:16,819
Mas o que quer dizer hipertexto?

6
00:00:17,255 --> 00:00:19,092
É uma frase que foi inventada

7
00:00:19,092 --> 00:00:21,182
antes mesmo da existência da internet,

8
00:00:21,182 --> 00:00:24,600
nos anos de 1960, para significar 
texto que é conectado a outro texto

9
00:00:24,600 --> 00:00:26,740
que o leitor pode
imediatamente, pular para.

10
00:00:27,010 --> 00:00:30,055
Tim Berners-Lee inventou o HTML,

11
00:00:30,055 --> 00:00:32,798
e outros ingredientes da 
internet, como o HTTP,

12
00:00:32,798 --> 00:00:35,220
uma forma de conectar
um texto a outros textos

13
00:00:35,220 --> 00:00:36,920
localizados em qualquer lugar.

14
00:00:37,333 --> 00:00:39,873
Como nós conectamos 
páginas com outras páginas em

15
00:00:39,873 --> 00:00:41,772
Linguagem de Marcação de Hipertexto?

16
00:00:41,772 --> 00:00:43,794
Com um hiperlink, é claro!

17
00:00:43,794 --> 00:00:46,553
O que normalmente 
chamamos de link, atualmente.

18
00:00:46,553 --> 00:00:48,702
Como fazemos um link em HTML?

19
00:00:48,972 --> 00:00:50,999
Aqui é onde isso fica esquisito.

20
00:00:50,999 --> 00:00:54,040
Você pode ter pensado que nós 
usamos uma tag "link"...

21
00:00:54,040 --> 00:00:57,959
Mas na verdade, isto é utilizado para 
diferentes tipos de link em HTML.

22
00:00:57,959 --> 00:01:03,227
Em vez disso, usamos a 
tag "a", onde "a" remete a "âncora".

23
00:01:03,696 --> 00:01:06,954
Isso é ancorar o link na 
página em um certo local

24
00:01:06,954 --> 00:01:09,349
e conectar essa âncora a 
uma página diferente.

25
00:01:10,076 --> 00:01:13,378
Para fazer um link, você sabe que 
precisamos escrever a tag,

26
00:01:13,378 --> 00:01:15,577
mas também precisamos 
decidir o texto no link,

27
00:01:15,577 --> 00:01:17,390
e depois o endereço que o link irá.

28
00:01:17,390 --> 00:01:24,253
Vamos fazer esse link para uma página com 
mais informações sobre a criação da web.

29
00:01:25,706 --> 00:01:29,985
O texto do link irá dentro das 
tags de início e de final.

30
00:01:29,985 --> 00:01:32,688
Então vou colocar meu 
cursor aqui e escrever,

31
00:01:32,688 --> 00:01:37,288
"Leia mais sobre a história do HTML".

32
00:01:37,288 --> 00:01:41,292
Então agora podemos ver que o 
texto está se parecendo com um link.

33
00:01:41,292 --> 00:01:45,087
Mas ainda não está indo a lugar algum. 
Nós precisamos adicionar o endereço.

34
00:01:45,453 --> 00:01:48,104
Não queremos que o endereço 
fique aparecendo na página,

35
00:01:48,104 --> 00:01:50,431
mas precisamos que o navegador
saiba disso.

36
00:01:50,431 --> 00:01:53,649
Então colocamos isso 
dentro de um atributo na tag.

37
00:01:53,649 --> 00:01:55,534
Esse é o atributo href.

38
00:01:57,474 --> 00:01:59,413
O que o "href" significa?

39
00:01:59,879 --> 00:02:03,695
Vou lhe dar uma dica:
Você tem visto bastante esse "h".

40
00:02:03,695 --> 00:02:06,516
Isso remete a "hiper"!
Hiper-referência.

41
00:02:06,516 --> 00:02:11,782
Agora, vou colar dentro do endereço,
o qual também chamamos de URL.

42
00:02:12,780 --> 00:02:16,434
Você já notou como esse 
URL começa com "http:"?

43
00:02:16,434 --> 00:02:19,455
Adivinhe o que significa esse "h"?
Hiper!

44
00:02:19,455 --> 00:02:22,365
HTML é todo sobre hiper.

45
00:02:22,365 --> 00:02:25,886
Esse URL especifica tudo o que o navegador
precisa para achar a página:

46
00:02:26,251 --> 00:02:28,643
O protocolo usado para achá-la,

47
00:02:28,643 --> 00:02:30,566
o domínio a qual está inserida,

48
00:02:30,566 --> 00:02:34,218
e o caminho em que está 
localizada dentro do servidor.

49
00:02:34,656 --> 00:02:39,158
Desde que especifique tudo, 
chamamos isso de "URL absoluto".

50
00:02:39,158 --> 00:02:41,709
Em algumas páginas, 
você poderá ver URLs

51
00:02:41,709 --> 00:02:44,263
que comecem com apenas barra e o endereço.

52
00:02:44,263 --> 00:02:46,550
Isso diz ao navegador para 
continuar no domínio atual,

53
00:02:46,550 --> 00:02:48,903
e apenas procurar por um
outro caminho nesse domíno.

54
00:02:48,903 --> 00:02:51,119
Isto é chamado de "URL relativo".

55
00:02:51,119 --> 00:02:53,029
O utilizamos em todo o Khan Academy

56
00:02:53,029 --> 00:02:54,915
quando usamos link entre conteúdos.

57
00:02:54,915 --> 00:02:57,722
Você deve colocar URLs absolutos 
nas páginas que fizer aqui

58
00:02:57,722 --> 00:02:59,805
para continuar no lado seguro.

59
00:02:59,805 --> 00:03:02,175
Dizemos ao navegador onde abrir

60
00:03:02,175 --> 00:03:05,198
a página na janela atual ou em uma
nova janela.

61
00:03:05,198 --> 00:03:08,168
Para dizer ao navegador abrir 
um link em uma nova janela,

62
00:03:08,168 --> 00:03:10,996
iremos adicionar um 
novo atributo, target ("alvo").

63
00:03:10,996 --> 00:03:14,780
'target="_blank"'

64
00:03:15,959 --> 00:03:19,480
Agora quero que você pause 
este vídeo e tente clicar no link.

65
00:03:19,480 --> 00:03:21,477
Vá em frente, eu vou esperar.

66
00:03:23,791 --> 00:03:24,955
O que aconteceu?

67
00:03:24,955 --> 00:03:26,812
Você provavelmente viu um aviso 


68
00:03:26,812 --> 00:03:29,152
sobre o link ser de uma
página gerada pelo usuário

69
00:03:29,152 --> 00:03:31,124
E se você clicou "OK", o link abriu.

70
00:03:31,124 --> 00:03:34,850
Tratamos os links de uma maneira especial
nas páginas feitas aqui.

71
00:03:34,850 --> 00:03:37,302
Porque não queremos os 
usuários pensando que links

72
00:03:37,302 --> 00:03:39,260
são endossado pela Khan Academy,

73
00:03:39,260 --> 00:03:41,781
e depois ir para um site assustador
e inesperado.

74
00:03:41,781 --> 00:03:44,087
Então, qualquer link aqui terá esse aviso,

75
00:03:44,087 --> 00:03:46,033
e todos irão abrir em uma nova janela.

76
00:03:46,033 --> 00:03:50,841
Isso quer dizer que eu posso 
deletar esse atributo marcado,

77
00:03:50,841 --> 00:03:53,679
desde que esteja sendo 
configurado por dentro dele também.

78
00:03:53,679 --> 00:03:55,341
Ou, eu poderia deixá-lo,

79
00:03:55,341 --> 00:03:58,590
caso eu queira mover esse HTML, 
para fora do Khan Academy, algum dia

80
00:03:58,590 --> 00:04:01,050
ter certeza que esse link abre
numa nova janela

81
00:04:01,050 --> 00:04:03,647
Quando você deve usar essa tag?

82
00:04:03,647 --> 00:04:06,644
Se o link está indo para outra página
no mesmo domínio,

83
00:04:06,644 --> 00:04:08,254
ele deve abrir na mesma janela.

84
00:04:08,254 --> 00:04:11,631
E se está indo para outro domínio,
deve abrir em uma nova janela.

85
00:04:11,631 --> 00:04:14,032
Chega desse papo,

86
00:04:14,032 --> 00:04:16,628
deixe-me lhe mostrar algo 
mais claro sobre links.

87
00:04:16,628 --> 00:04:19,800
Podemos lincar mais do que apenas texto.

88
00:04:19,800 --> 00:04:22,540
Também podemos lincar imagens,
ou texto e imagem!

89
00:04:22,540 --> 00:04:27,190
Aqui, temos essa imagem, que é uma foto
do Tim Berners-Lee.

90
00:04:27,190 --> 00:04:30,112
Vou cortar ela...

91
00:04:30,112 --> 00:04:33,119
e colar dentro do link aqui.

92
00:04:35,019 --> 00:04:36,260
Legal.

93
00:04:36,260 --> 00:04:40,090
Agora, se eu passar o 
mouse sobre a imagem,

94
00:04:40,090 --> 00:04:42,445
irei ver que agora o cursor 
mudou para uma seta,

95
00:04:42,445 --> 00:04:44,808
e clicando nele, ele irá 
para a página CERN.

96
00:04:44,808 --> 00:04:47,524
De fato, você poderia 
licar toda a sua página

97
00:04:47,524 --> 00:04:50,238
e tornar ela grande, azul, sublinhado.

98
00:04:50,238 --> 00:04:53,996
Mas por favor, não faça isso!
Link com amor, meus amigos.

99
00:04:53,996 --> 00:04:56,757
Legendado por [Gabriel Mello Fernandes]
Revisado por [Fernando dos Reis]