Resultado de imagem para marcador web

Neste tutorial, vamos mostrar como utilizar marcadores (bookmarks) em uma página HTML usando links e atributos CSS.

Marcadores HTML também chamados de "bookmarks" são usados para permitir que os leitores pulem para partes específicas de uma página web.

HTML

1. Primeiro crie o marcador com o atributo CSS id. Veja o exemplo abaixo:

<h2 id="top1">Objetivo</h2>

2. Em seguida, adicione o link do marcador utilizando o atributo href:

<a href="#top1">Objetivo</a>

Obs1: Veja que utilizamos o símbolo # para indicar o valor do atributo id.

Obs2: No exemplo acima, o marcador irá funcionar apenas se estiver na mesma página

3. Também é possível adicionar o link quando o marcador estiver em outra página:

<a href="/nome_do_link.html#top1">Objetivo</a>

Exemplo

1. Veja abaixo um exemplo prático para a utilização de "bookmarks":

See the Pen Bookmarks by Angelo Luis Ferreira (@angeloalf) on CodePen.

COMENTÁRIOS

Compartilhe:

Área do Usuário

Doações

Por favor, ajude o nosso site a se manter online :)

 Obrigado!
Angelo Luis Ferreira
angelo.alf@gmail.com

Produzido por:

Topo