Hyperlinks
-
Links em HTML são chamados
de hyperlinks. Ao clicar
em um link, você é
redirecionado para
outro documento na web.
-
O link não precisa ser
um texto, pode ser
qualquer elemento HTML.
-
Links são definidos pela
tag "a". Essa tag possui
os seguintes atributos:
-
"href" é o atributo mais importante,
pois define o destino do link. Pode
ser uma
página da web
ou um
arquivo.
Utilize "mailto:adress@domain"
dentro de href para abrir o
serviço de e-mail do usuário e
permitir que ele envie uma
mensagem para o endereço
fornecido.
-
"target" especifica onde o
documento linkado será aberto.
Possui os seguintes valores:
-
"_self" é o padrão, abre o
documento
na mesma página.
-
"_blank" abre o
documento
em uma nova janela ou tab.
-
"_parent" abre o
documento
no frame hierarquicamente
superior (parent frame).
-
"_top" abre o
documento
no corpo inteiro da janela.
Isso significa que se o link estiver dentro de um frame, isso será ignorado
e o link será aberto por completo ao
invés de dentro do frame.
-
"title" adiciona informação
adicional sobre o link, geralmente
o texto é mostrado quando se passa
o mouse sobre o link:
Experimente.
-
A tag "img" (quando utilizada
dentro da tag "a") permite
utilizar uma imagem como link.
É possível determinar um arquivo
de imagem ou uma página da web
onde a imagem está localizada.
Cor dos links
Por padrão, os links irão aparecer
na tela com a seguinte aparência:
-
Links não visitados aparecem
sublinhados e na cor
azul.
-
Links visitados aparecem
sublinhados e na cor
roxa.
-
Links que estiverem sendo
clicados (ativados) vão
aparecer sublinhados e na
cor
vermelha.
É possível modificar a aparência
dos links utilizando o CSS.
Por exemplo, nessa página:
-
a:link
- Links não visitados
são verdes sem sublinhado.
-
a:visited
- Links visitados são
rosas sem sublinhado.
-
a:active
- Links que estiverem
sendo clicados (ativados)
são amarelos com sublinhado.
-
a:hover
- Além disso, quando passarmos
o mouse por cima de um link, ele
ficará vermelho com sublinhado.
Bookmarks
-
Bookmarks são úteis quando
a página web se torna
muito extensa.
-
Com as bookmarks, é possível
criar um link para uma tag da
página que se encontra acima
ou abaixo do campo de visão do
usuário, ou uma tag em outra
página.
-
Para criar uma bookmark,
primeiro é utilizado o
atributo "id" em uma
tag, onde é nomeado a
bookmark.
-
Depois, adicione o link
para a bookmark, utilizando
a tag "a" e fornecendo o nome
da bookmark no atributo "href"
antecedido de uma hashtag.
-
Primeiro exemplo - Bookmark
para o título da página:
Título da página.
-
Segundo exemplo - Bookmark
para uma tag em outra página.
Propriedades do CSS.
<- Voltar