0:00:00.290,0:00:02.436
Vocês já aprenderam [br]muitas marcações em HTML.

0:00:02.436,0:00:04.400
Mas sabe o que [br]HTML realmente significa?

0:00:05.091,0:00:08.902
HTML significa: [br]"Linguagem de Marcação de Hipertexto".

0:00:09.633,0:00:14.243
É uma maneira de usar [br]marcações para marcar conteúdos.

0:00:14.872,0:00:16.819
Mas o que quer dizer hipertexto?

0:00:17.255,0:00:19.092
É uma frase que foi inventada

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

0:00:21.182,0:00:24.600
nos anos de 1960, para significar [br]texto que é conectado a outro texto

0:00:24.600,0:00:26.740
que o leitor pode[br]imediatamente, pular para.

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

0:00:30.055,0:00:32.798
e outros ingredientes da [br]internet, como o HTTP,

0:00:32.798,0:00:35.220
uma forma de conectar[br]um texto a outros textos

0:00:35.220,0:00:36.920
localizados em qualquer lugar.

0:00:37.333,0:00:39.873
Como nós conectamos [br]páginas com outras páginas em

0:00:39.873,0:00:41.772
Linguagem de Marcação de Hipertexto?

0:00:41.772,0:00:43.794
Com um hiperlink, é claro!

0:00:43.794,0:00:46.553
O que normalmente [br]chamamos de link, atualmente.

0:00:46.553,0:00:48.702
Como fazemos um link em HTML?

0:00:48.972,0:00:50.999
Aqui é onde isso fica esquisito.

0:00:50.999,0:00:54.040
Você pode ter pensado que nós [br]usamos uma tag "link"...

0:00:54.040,0:00:57.959
Mas na verdade, isto é utilizado para [br]diferentes tipos de link em HTML.

0:00:57.959,0:01:03.227
Em vez disso, usamos a [br]tag "a", onde "a" remete a "âncora".

0:01:03.696,0:01:06.954
Isso é ancorar o link na [br]página em um certo local

0:01:06.954,0:01:09.349
e conectar essa âncora a [br]uma página diferente.

0:01:10.076,0:01:13.378
Para fazer um link, você sabe que [br]precisamos escrever a tag,

0:01:13.378,0:01:15.577
mas também precisamos [br]decidir o texto no link,

0:01:15.577,0:01:17.390
e depois o endereço que o link irá.

0:01:17.390,0:01:24.253
Vamos fazer esse link para uma página com [br]mais informações sobre a criação da web.

0:01:25.706,0:01:29.985
O texto do link irá dentro das [br]tags de início e de final.

0:01:29.985,0:01:32.688
Então vou colocar meu [br]cursor aqui e escrever,

0:01:32.688,0:01:37.288
"Leia mais sobre a história do HTML".

0:01:37.288,0:01:41.292
Então agora podemos ver que o [br]texto está se parecendo com um link.

0:01:41.292,0:01:45.087
Mas ainda não está indo a lugar algum. [br]Nós precisamos adicionar o endereço.

0:01:45.453,0:01:48.104
Não queremos que o endereço [br]fique aparecendo na página,

0:01:48.104,0:01:50.431
mas precisamos que o navegador[br]saiba disso.

0:01:50.431,0:01:53.649
Então colocamos isso [br]dentro de um atributo na tag.

0:01:53.649,0:01:55.534
Esse é o atributo href.

0:01:57.474,0:01:59.413
O que o "href" significa?

0:01:59.879,0:02:03.695
Vou lhe dar uma dica:[br]Você tem visto bastante esse "h".

0:02:03.695,0:02:06.516
Isso remete a "hiper"![br]Hiper-referência.

0:02:06.516,0:02:11.782
Agora, vou colar dentro do endereço,[br]o qual também chamamos de URL.

0:02:12.780,0:02:16.434
Você já notou como esse [br]URL começa com "http:"?

0:02:16.434,0:02:19.455
Adivinhe o que significa esse "h"?[br]Hiper!

0:02:19.455,0:02:22.365
HTML é todo sobre hiper.

0:02:22.365,0:02:25.886
Esse URL especifica tudo o que o navegador[br]precisa para achar a página:

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

0:02:28.643,0:02:30.566
o domínio a qual está inserida,

0:02:30.566,0:02:34.218
e o caminho em que está [br]localizada dentro do servidor.

0:02:34.656,0:02:39.158
Desde que especifique tudo, [br]chamamos isso de "URL absoluto".

0:02:39.158,0:02:41.709
Em algumas páginas, [br]você poderá ver URLs

0:02:41.709,0:02:44.263
que comecem com apenas barra e o endereço.

0:02:44.263,0:02:46.550
Isso diz ao navegador para [br]continuar no domínio atual,

0:02:46.550,0:02:48.903
e apenas procurar por um[br]outro caminho nesse domíno.

0:02:48.903,0:02:51.119
Isto é chamado de "URL relativo".

0:02:51.119,0:02:53.029
O utilizamos em todo o Khan Academy

0:02:53.029,0:02:54.915
quando usamos link entre conteúdos.

0:02:54.915,0:02:57.722
Você deve colocar URLs absolutos [br]nas páginas que fizer aqui

0:02:57.722,0:02:59.805
para continuar no lado seguro.

0:02:59.805,0:03:02.175
Dizemos ao navegador onde abrir

0:03:02.175,0:03:05.198
a página na janela atual ou em uma[br]nova janela.

0:03:05.198,0:03:08.168
Para dizer ao navegador abrir [br]um link em uma nova janela,

0:03:08.168,0:03:10.996
iremos adicionar um [br]novo atributo, target ("alvo").

0:03:10.996,0:03:14.780
'target="_blank"'

0:03:15.959,0:03:19.480
Agora quero que você pause [br]este vídeo e tente clicar no link.

0:03:19.480,0:03:21.477
Vá em frente, eu vou esperar.

0:03:23.791,0:03:24.955
O que aconteceu?

0:03:24.955,0:03:26.812
Você provavelmente viu um aviso [br]

0:03:26.812,0:03:29.152
sobre o link ser de uma[br]página gerada pelo usuário

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

0:03:31.124,0:03:34.850
Tratamos os links de uma maneira especial[br]nas páginas feitas aqui.

0:03:34.850,0:03:37.302
Porque não queremos os [br]usuários pensando que links

0:03:37.302,0:03:39.260
são endossado pela Khan Academy,

0:03:39.260,0:03:41.781
e depois ir para um site assustador[br]e inesperado.

0:03:41.781,0:03:44.087
Então, qualquer link aqui terá esse aviso,

0:03:44.087,0:03:46.033
e todos irão abrir em uma nova janela.

0:03:46.033,0:03:50.841
Isso quer dizer que eu posso [br]deletar esse atributo marcado,

0:03:50.841,0:03:53.679
desde que esteja sendo [br]configurado por dentro dele também.

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

0:03:55.341,0:03:58.590
caso eu queira mover esse HTML, [br]para fora do Khan Academy, algum dia

0:03:58.590,0:04:01.050
ter certeza que esse link abre[br]numa nova janela

0:04:01.050,0:04:03.647
Quando você deve usar essa tag?

0:04:03.647,0:04:06.644
Se o link está indo para outra página[br]no mesmo domínio,

0:04:06.644,0:04:08.254
ele deve abrir na mesma janela.

0:04:08.254,0:04:11.631
E se está indo para outro domínio,[br]deve abrir em uma nova janela.

0:04:11.631,0:04:14.032
Chega desse papo,

0:04:14.032,0:04:16.628
deixe-me lhe mostrar algo [br]mais claro sobre links.

0:04:16.628,0:04:19.800
Podemos lincar mais do que apenas texto.

0:04:19.800,0:04:22.540
Também podemos lincar imagens,[br]ou texto e imagem!

0:04:22.540,0:04:27.190
Aqui, temos essa imagem, que é uma foto[br]do Tim Berners-Lee.

0:04:27.190,0:04:30.112
Vou cortar ela...

0:04:30.112,0:04:33.119
e colar dentro do link aqui.

0:04:35.019,0:04:36.260
Legal.

0:04:36.260,0:04:40.090
Agora, se eu passar o [br]mouse sobre a imagem,

0:04:40.090,0:04:42.445
irei ver que agora o cursor [br]mudou para uma seta,

0:04:42.445,0:04:44.808
e clicando nele, ele irá [br]para a página CERN.

0:04:44.808,0:04:47.524
De fato, você poderia [br]licar toda a sua página

0:04:47.524,0:04:50.238
e tornar ela grande, azul, sublinhado.

0:04:50.238,0:04:53.996
Mas por favor, não faça isso![br]Link com amor, meus amigos.

0:04:53.996,0:04:56.757
Legendado por [Gabriel Mello Fernandes][br]Revisado por [Fernando dos Reis]