Início /Programação /CSS /Como criar marcadores em uma página HTML - Bookmarks

Como criar marcadores em uma página HTML - Bookmarks

Por: Angelo Luis Ferreira | 07/02/2020 Acessos: 7.483

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:

Objetivo

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

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