Em mais uma postagem sobre HTML vamos aprender a como adicionar uma âncora na sua página.
Também chamados bookmarks, as âncoras são aqueles links que direcionam para algum lugar na mesma página web. Vamos adicionar uma âncora que volta para o topo da página.
Abra o gedit (ou um editor de texto de sua preferência) e abra também o arquivo da aula anterior:
Para adicionar a âncora vamos utilizar a tag de hyperlink <a>, assim como o seu atributo href já vistos em uma aula passada:
Veja no gedit:
Note que o nome que você colocar no atributo href precisa vir precedido de #.
Agora colocamos outra tag de link no logo após a abertura da tag <body>:
É importante que o valor do atributo name seja o mesmo do href, porém sem o #.
Salve as alterações e vamos então ao navegador:
Veja que apareceu o texto Voltar ao Topo que quando é clicado retorna a página para o topo.
Veja agora o vídeo do tutorial:
Nenhum comentário:
Postar um comentário