Os links HTML também são conhecidos como hiperlinks. Quando clicamos em links específicos em páginas da web, eles abrem outras páginas da web. Um link não precisa ser um texto-pode ser uma imagem ou qualquer outro elemento HTML. É parte integrante do HTML e é usado em qualquer lugar.
Neste artigo, cobriremos o seguinte:
- O que é um link HTML?
- links HTML: o atributo target
- Use uma imagem como link
- Definindo cores de link
- Link para um endereço de e-mail
O que é um link HTML?
Um link HTML é usado para vincular outras páginas da web a um documento. Quando os usuários clicam em links em páginas da web, eles são levados a outras páginas da web ou sites. Um documento HTML contém muitos links, também conhecidos como hiperlinks. Os desenvolvedores da Web podem criar links a partir de texto, imagens e outros tipos de mídia. Os links são especificados em HTML usando tags.
O atributo href é usado para especificar o destino do link.
O link de teste é a parte visível do link.
Isso produzirá o seguinte resultado-ao clicar no link, você será direcionado para a página inicial do Simplilearn.
Full Stack Java Developer Course
The Gateway to Master Web Development Explorar o curso
Links HTML-O atributo de destino
O atributo target dos links HTML especifica onde abrir o documento vinculado. As seguintes são opções possíveis:
_blank
Abre o documento vinculado em uma nova janela ou guia
_self
Abre o documento vinculado na mesma janela ou guia
_parent
Abre o documento no quadro pai
_top
Abre o documento vinculado em todo o corpo da janela
Isso produzirá o seguinte resultado. Clique nos links para ver a diferença.
Use uma imagem como link
Você também pode vincular uma imagem a outra página da web. Para fazer isso, coloque a tag dentro de uma tag .
Isso produzirá o seguinte resultado:
Ao clicar na imagem, você será direcionado para o site Simplilearn .
Curso grátis: princípios básicos de programação
Aprenda os fundamentos da programação Inscreva-se agora
Definindo cores de link
Por padrão, os links aparecerão da seguinte maneira:
- Um link não visitado estará sublinhado e em azul
- Um link visitado está sublinhado e roxo
- Um link ativo está sublinhado e vermelho
Com CSS, os desenvolvedores da web têm a opção de personalizar essas cores de link.
Link para um endereço de e-mail
Você pode criar um link em sua página da web, que levará o usuário ao programa de e-mail padrão do sistema usando mailto: dentro do atributo href.
Ao clicar no link “enviar e-mail”, você será direcionado para a sua conta de e-mail.
Obtenha habilidades em HTML5 e CSS3 com o Programa Full Stack Java Developer Master . Clique para verificar os detalhes do programa!
Você gostaria de se tornar um desenvolvedor full-stack?
Nossa breve introdução aos links HTML cobriu o básico quando se trata de criar e personalizar hiperlinks de sites. Discutimos várias maneiras de manipular as propriedades de hiperlinks com CSS e codificação. Quando se trata de aprender HTML, entretanto, esta é apenas a ponta do iceberg. Se você está decidido a dar o próximo passo para progredir em sua carreira, a certificação é altamente recomendada no competitivo mercado de trabalho de hoje. Desenvolvedor Java Full Stack
Se você é um aspirante a desenvolvedor da web e móvel, o treinamento em HTML ampliará suas habilidades e oportunidades de carreira. Você tem alguma pergunta para nós? Deixe-os na seção de comentários e nossos especialistas responderão para você.
