Um hiperlink, ou simplesmente link é o responsável por fazer a interligação entre páginas web. Nesta postagem vamos aprender a inserir links em sua página html.
Na aula anterior vimos como inserir imagens:
Abra o gedit (ou um editor de texto de sua preferência) e abra também o arquivo da aula anterior:
Para inserir um link vamos utilizar a tag <a> que possui os seguintes atributos:
href: É onde se adiciona o link de referência, ou seja, a página para onde se deseja ir.
target: Identifica como será feito o trajeto do link. Possui dois valores, o _top(abre o link de referência sobrepondo a página atual) e o _blank(abre o link de referência em uma nova aba)
title: Mostra a informação do link ao se passar o mouse em cima.
Vamos ver como fica no gedit :
Note que entra a tag de imagem da aula passada e a tag de hiperlink eu adicionei a tag <br> que adiciona uma quebra de linha, use-a para deixar sua página mais organizada. No exemplo da tag de hiperlink eu criei um link que direciona para o site Universe Tutorial que irá abrir em uma nova aba. Vamos ver com ficou no navegador:
Note que já temos um elemento clicável na página. Vamos clicar nele para ver se o redicionamento ocorre corretamente:
Veja que o site foi aberto em uma outra aba.
Veja o vídeo do tutorial:
Nenhum comentário:
Postar um comentário