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 tag '< a >'.
Então vou começar envolvendo esse título
com tags '< a >' no início e no fim.
Agora, o que deveria ser colocado como o href 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 tag.
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 id=" "
e pensar em um bom identificador que é único
como "web-history".
Vamos subir de volta até o link.
E agora, para dizer ao navegador para ir a esse link interno,
precisamos começar com um hashtag (#)
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 IDs 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]