Skip to main content

Como adicionar links HTML internos

criando links e botões para abrir páginas em html (Junho 2026)

criando links e botões para abrir páginas em html (Junho 2026)
Anonim

Quando você está trabalhando em um documento HTML e deseja que os usuários possam clicar em um tópico e ser transportados instantaneamente para um local marcado com um favorito no documento, as tags de atributo de ID são úteis. Isso geralmente ocorre quando você lista uma série de tópicos na parte superior do artigo e vincula cada tópico a uma seção relacionada mais abaixo na página da Web.

Os documentos HTML freqüentemente incluem links externos para outros documentos, mas também podem incluir links em um único documento. Clicar em uma tag transporta o leitor para uma seção específica marcada na página da web. Eventualmente, pode ser possível vincular locais de pixel exatos em documentos, mas, por enquanto, você pode usar a tag de ID para criar um link e um local no documento. Então use href para ir até lá. Uma tag identifica o destino e a segunda marca identifica o link para o destino.

Nota: o HTML 4 e versões anteriores usavam o Atributo de Nome para formar links internos. O HTML 5 não suporta o atributo name, portanto, o atributo ID é usado no lugar.

No documento, decida para onde você deseja que os links internos sejam enviados. Você rotula esses usando a tag âncora com os atributos id.

Em seguida, você cria o link para a seção do documento usando a marca de âncora e o atributo href. Você indica a área nomeada com um #.

O truque é garantir que você coloque o <a> ao redor do texto ou de uma imagem.

Muitas vezes você vê pessoas usando esses links sem cercar nada, mas essa não é uma âncora tão confiável quanto uma que cerca uma palavra ou imagem. Muitos navegadores preferem ter algum elemento para posicionar na parte superior da tela; quando você não coloca nada, você corre o risco de que o navegador fique confuso.

Um link para retornar ao topo de uma página da Web

Quando você deseja adicionar um link bem abaixo em uma página da Web para retornar o visualizador ao topo da página, o link interno é simples de configurar. Em HTML, a tag define um link. href = é seguido pelo URL do link de destino entre aspas (ou um URL abreviado, se o link estiver no mesmo documento) e, em seguida, o texto do link que é visível na página da web. Clicar no texto do link envia para o endereço especificado usando esta sintaxe:

Texto do link