Links são uma excelente forma de conectar

uma página web a outra página web.

Mas eles também podem conectar
uma parte de uma página web

a outra parte na mesma página web.

Especialmente em páginas web muito longas,
como em um índice de conteúdo.

Eu adicionei agora um monte
de informação a essa página,

para eu poder te dar uma história da web

e uma história das versões de HTML.

E eu acho que é conteúdo suficiente
para merecer um índice de conteúdo.

E eu comecei um aqui em cima,
apenas uma lista não ordenada,

cujos itens são cada um
dos títulos das seções.

E eu quero ligar cada um
desses títulos de seção

para que você possa clicar neles
e ir para aquela parte da página.

Para fazer isso, mais
uma vez usei a <i>tag</i> '< a >'.

Então vou começar
envolvendo esse título

com <i>tags</i> '< a >' no início e no fim.

Agora, o que deveria ser colocado
como o <i>href</i> deste link?

Precisamos de alguma
forma dizer ao navegador

para onde pular na página web.

Um jeito de identificar unicamente
essa parte da página.

Se você já aprendeu
seletores CSS,

você já viu como
fazer isso, na verdade.

Nós podemos fazer adicionando um
atributo '< id >' a uma <i>tag</i>.

Vamos descer e achar
o cabeçalho aqui.

Vamos adicionar um atributo
'< id >' a esse cabeçalho.

Então eu vou colocar
o meu cursor em '< h2 >'.

digitar <i>id=" " </i>

e pensar em um bom
identificador que é único

como <i>"web-history"</i>.

Vamos subir de volta até o link.

E agora, para dizer ao navegador
para ir a esse link interno,

precisamos começar com
um <i>hashtag</i> (#)

e então digitar exatamente o id
como digitamos lá embaixo.

Então agora...

Pause esse vídeo e tente clicar no link.

Pode ir, eu espero.

Você viu ele descer até essa seção?

Então funcionou!

Nós podemos adicionar
mais links como esse

colocando os atributos id
em cada cabeçalho

e fazendo tags < a >
que apontam para eles.

Mas eu vou deixar isso
para você tentar.

O mais importante a se lembrar
é que <i>IDs</i> devem ser únicos

porque, de outra forma, o navegador
não vai saber para onde pular.

Então os faça legais e descritivos.

Legendado por [Alberto Oliveira]
Revisado por [Fernando dos Reis]