WEBVTT

00:00:00.290 --> 00:00:02.436
Vocês já aprenderam 
muitas marcações em HTML.

00:00:02.436 --> 00:00:04.400
Mas sabe o que 
HTML realmente significa?

00:00:05.091 --> 00:00:08.902
HTML significa: 
"Linguagem de Marcação de Hipertexto".

00:00:09.633 --> 00:00:14.243
É uma maneira de usar 
marcações para marcar conteúdos.

00:00:14.872 --> 00:00:16.819
Mas o que quer dizer hipertexto?

00:00:17.255 --> 00:00:19.092
É uma frase que foi inventada

00:00:19.092 --> 00:00:21.182
antes mesmo da existência da internet,

00:00:21.182 --> 00:00:24.600
nos anos de 1960, para significar 
texto que é conectado a outro texto

00:00:24.600 --> 00:00:26.740
que o leitor pode
imediatamente, pular para.

00:00:27.010 --> 00:00:30.055
Tim Berners-Lee inventou o HTML,

00:00:30.055 --> 00:00:32.798
e outros ingredientes da 
internet, como o HTTP,

00:00:32.798 --> 00:00:35.220
uma forma de conectar
um texto a outros textos

00:00:35.220 --> 00:00:36.920
localizados em qualquer lugar.

00:00:37.333 --> 00:00:39.873
Como nós conectamos 
páginas com outras páginas em

00:00:39.873 --> 00:00:41.772
Linguagem de Marcação de Hipertexto?

00:00:41.772 --> 00:00:43.794
Com um hiperlink, é claro!

00:00:43.794 --> 00:00:46.553
O que normalmente 
chamamos de link, atualmente.

00:00:46.553 --> 00:00:48.702
Como fazemos um link em HTML?

00:00:48.972 --> 00:00:50.999
Aqui é onde isso fica esquisito.

00:00:50.999 --> 00:00:54.040
Você pode ter pensado que nós 
usamos uma tag "link"...

00:00:54.040 --> 00:00:57.959
Mas na verdade, isto é utilizado para 
diferentes tipos de link em HTML.

00:00:57.959 --> 00:01:03.227
Em vez disso, usamos a 
tag "a", onde "a" remete a "âncora".

00:01:03.696 --> 00:01:06.954
Isso é ancorar o link na 
página em um certo local

00:01:06.954 --> 00:01:09.349
e conectar essa âncora a 
uma página diferente.

00:01:10.076 --> 00:01:13.378
Para fazer um link, você sabe que 
precisamos escrever a tag,

00:01:13.378 --> 00:01:15.577
mas também precisamos 
decidir o texto no link,

00:01:15.577 --> 00:01:17.390
e depois o endereço que o link irá.

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.

00:01:25.706 --> 00:01:29.985
O texto do link irá dentro das 
tags de início e de final.

00:01:29.985 --> 00:01:32.688
Então vou colocar meu 
cursor aqui e escrever,

00:01:32.688 --> 00:01:37.288
"Leia mais sobre a história do HTML".

00:01:37.288 --> 00:01:41.292
Então agora podemos ver que o 
texto está se parecendo com um link.

00:01:41.292 --> 00:01:45.087
Mas ainda não está indo a lugar algum. 
Nós precisamos adicionar o endereço.

00:01:45.453 --> 00:01:48.104
Não queremos que o endereço 
fique aparecendo na página,

00:01:48.104 --> 00:01:50.431
mas precisamos que o navegador
saiba disso.

00:01:50.431 --> 00:01:53.649
Então colocamos isso 
dentro de um atributo na tag.

00:01:53.649 --> 00:01:55.534
Esse é o atributo href.

00:01:57.474 --> 00:01:59.413
O que o "href" significa?

00:01:59.879 --> 00:02:03.695
Vou lhe dar uma dica:
Você tem visto bastante esse "h".

00:02:03.695 --> 00:02:06.516
Isso remete a "hiper"!
Hiper-referência.

00:02:06.516 --> 00:02:11.782
Agora, vou colar dentro do endereço,
o qual também chamamos de URL.

00:02:12.780 --> 00:02:16.434
Você já notou como esse 
URL começa com "http:"?

00:02:16.434 --> 00:02:19.455
Adivinhe o que significa esse "h"?
Hiper!

00:02:19.455 --> 00:02:22.365
HTML é todo sobre hiper.

00:02:22.365 --> 00:02:25.886
Esse URL especifica tudo o que o navegador
precisa para achar a página:

00:02:26.251 --> 00:02:28.643
O protocolo usado para achá-la,

00:02:28.643 --> 00:02:30.566
o domínio a qual está inserida,

00:02:30.566 --> 00:02:34.218
e o caminho em que está 
localizada dentro do servidor.

00:02:34.656 --> 00:02:39.158
Desde que especifique tudo, 
chamamos isso de "URL absoluto".

00:02:39.158 --> 00:02:41.709
Em algumas páginas, 
você poderá ver URLs

00:02:41.709 --> 00:02:44.263
que comecem com apenas barra e o endereço.

00:02:44.263 --> 00:02:46.550
Isso diz ao navegador para 
continuar no domínio atual,

00:02:46.550 --> 00:02:48.903
e apenas procurar por um
outro caminho nesse domíno.

00:02:48.903 --> 00:02:51.119
Isto é chamado de "URL relativo".

00:02:51.119 --> 00:02:53.029
O utilizamos em todo o Khan Academy

00:02:53.029 --> 00:02:54.915
quando usamos link entre conteúdos.

00:02:54.915 --> 00:02:57.722
Você deve colocar URLs absolutos 
nas páginas que fizer aqui

00:02:57.722 --> 00:02:59.805
para continuar no lado seguro.

00:02:59.805 --> 00:03:02.175
Dizemos ao navegador onde abrir

00:03:02.175 --> 00:03:05.198
a página na janela atual ou em uma
nova janela.

00:03:05.198 --> 00:03:08.168
Para dizer ao navegador abrir 
um link em uma nova janela,

00:03:08.168 --> 00:03:10.996
iremos adicionar um 
novo atributo, target ("alvo").

00:03:10.996 --> 00:03:14.780
'target="_blank"'

00:03:15.959 --> 00:03:19.480
Agora quero que você pause 
este vídeo e tente clicar no link.

00:03:19.480 --> 00:03:21.477
Vá em frente, eu vou esperar.

00:03:23.791 --> 00:03:24.955
O que aconteceu?

00:03:24.955 --> 00:03:26.812
Você provavelmente viu um aviso 


00:03:26.812 --> 00:03:29.152
sobre o link ser de uma
página gerada pelo usuário

00:03:29.152 --> 00:03:31.124
E se você clicou "OK", o link abriu.

00:03:31.124 --> 00:03:34.850
Tratamos os links de uma maneira especial
nas páginas feitas aqui.

00:03:34.850 --> 00:03:37.302
Porque não queremos os 
usuários pensando que links

00:03:37.302 --> 00:03:39.260
são endossado pela Khan Academy,

00:03:39.260 --> 00:03:41.781
e depois ir para um site assustador
e inesperado.

00:03:41.781 --> 00:03:44.087
Então, qualquer link aqui terá esse aviso,

00:03:44.087 --> 00:03:46.033
e todos irão abrir em uma nova janela.

00:03:46.033 --> 00:03:50.841
Isso quer dizer que eu posso 
deletar esse atributo marcado,

00:03:50.841 --> 00:03:53.679
desde que esteja sendo 
configurado por dentro dele também.

00:03:53.679 --> 00:03:55.341
Ou, eu poderia deixá-lo,

00:03:55.341 --> 00:03:58.590
caso eu queira mover esse HTML, 
para fora do Khan Academy, algum dia

00:03:58.590 --> 00:04:01.050
ter certeza que esse link abre
numa nova janela

00:04:01.050 --> 00:04:03.647
Quando você deve usar essa tag?

00:04:03.647 --> 00:04:06.644
Se o link está indo para outra página
no mesmo domínio,

00:04:06.644 --> 00:04:08.254
ele deve abrir na mesma janela.

00:04:08.254 --> 00:04:11.631
E se está indo para outro domínio,
deve abrir em uma nova janela.

00:04:11.631 --> 00:04:14.032
Chega desse papo,

00:04:14.032 --> 00:04:16.628
deixe-me lhe mostrar algo 
mais claro sobre links.

00:04:16.628 --> 00:04:19.800
Podemos lincar mais do que apenas texto.

00:04:19.800 --> 00:04:22.540
Também podemos lincar imagens,
ou texto e imagem!

00:04:22.540 --> 00:04:27.190
Aqui, temos essa imagem, que é uma foto
do Tim Berners-Lee.

00:04:27.190 --> 00:04:30.112
Vou cortar ela...

00:04:30.112 --> 00:04:33.119
e colar dentro do link aqui.

00:04:35.019 --> 00:04:36.260
Legal.

00:04:36.260 --> 00:04:40.090
Agora, se eu passar o 
mouse sobre a imagem,

00:04:40.090 --> 00:04:42.445
irei ver que agora o cursor 
mudou para uma seta,

00:04:42.445 --> 00:04:44.808
e clicando nele, ele irá 
para a página CERN.

00:04:44.808 --> 00:04:47.524
De fato, você poderia 
licar toda a sua página

00:04:47.524 --> 00:04:50.238
e tornar ela grande, azul, sublinhado.

00:04:50.238 --> 00:04:53.996
Mas por favor, não faça isso!
Link com amor, meus amigos.

00:04:53.996 --> 00:04:56.757
Legendado por [Gabriel Mello Fernandes]
Revisado por [Fernando dos Reis]