Learning Hub Logo
HTML
  • Introdução ao HTML
  • Editores HTML
  • Estrutura Básica de um Documento HTML
  • Elementos HTML
  • Atributos HTML
  • Títulos HTML
  • Parágrafos HTML
  • Estilos Inline no HTML
  • Formatação de Texto em HTML
  • Citações HTML
  • Comentários em HTML
  • Links em HTML
  • Imagens em HTML
  • Favicon no HTML
  • Título da Página no HTML
  • Tabelas HTML
  • Listas HTML
  • Elementos Block e Inline
  • Divs no HTML
  • Classes no HTML
  • ID no HTML
  • Botões no HTML
  • Iframes no HTML
  • HTML e JavaScript
  • Caminhos de Arquivo no HTML
  • Head no HTML
  • Layout no HTML
  • HTML Responsivo
  • Tags de Código no HTML
  • HTML Semântico
  • Guia de Estilo HTML
  • Entidades, Símbolos e Emojis no HTML
  • Charsets, URL Encode e XHTML
  • Formulários HTML
  • Inputs em Formulários HTML
  • Gráficos no HTML
  • Mídia no HTML

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
HTMLLinks em HTML
1 min de leitura

Links em HTML

Como criar links em HTML para navegar entre páginas e recursos

Criando links

Um dos elementos mais importantes da web é o link. Sem ele, a internet seria um monte de páginas soltas, cada uma no seu canto, sem conversar com ninguém.

No HTML, links são criados com a tag <a>.

Exemplo básico

Carregando...
  • <a> é a tag de link;
  • href define o destino;
  • o texto entre as tags é a parte clicável.

Link para outra página do projeto

Carregando...

Esse tipo de link aponta para um arquivo da própria aplicação.

Abrindo em nova aba

Carregando...

O atributo target="_blank" faz o navegador abrir o destino em uma nova aba ou janela.

Link em uma imagem

Uma imagem também pode virar link:

Carregando...

Exemplo prático

Carregando...

O que observar?

Sempre que criar um link, pense em duas coisas:

  • para onde a pessoa vai;
  • se o texto do link deixa isso claro.

Evite coisas muito genéricas como “clique aqui” quando o contexto puder ser mais específico. Link bom já entrega a intenção sem fazer a pessoa ter que pensar muito.

AnteriorComentários em HTMLPróximo Imagens em HTML