Anhanguera

Aula 3 – TraBALHANDO COM links

Com a linguagem HTML é possível criar documentos com o conceito de hipertexto, ou seja, documentos que se comunicam com outros documentos por meio de ligações especiais conhecidas como LINKS ou HIPERLINKS. Essas ligações podem ser entre elementos do próprio documento, como áreas ou seções distintas do documento, ou em outra página da Web.
Os links são destacados nos navegadores por cores distintas e um sublinhado.
Tag <A>
Utilizada para criar um link é a tag <A>, mas para que um texto ou imagem recebe uma ligação é necessário utilizar os atributos dessa tag.
Atributos da tag <A>
Href: responsável por determinar o destino do link.
Sintaxe: <a href=”url”> texto </a>
URL: é o caminho absoluto ou relativo do documento de destino.
Texto: é um bloco de texto ou imagem que será utilizado como a ligação entre o elemento especificado no atributo HREF e o documento que possui link.
Exemplo: <a href=”http://www.google.com.br”>Google</a>
Target: é utilizado para especificar como o documento de destino do link deve ser carregado. O padrão é abrir na mesma janela, sobrepondo o arquivo atual. Importante: os valores desse atributo deverão ser escrito em letras minúsculas.
_blank: carrega o documento vinculado em uma janela nova do navegador;
Cores de Links
Os efeitos em links são possíveis através de declarações de regras e estilo para as pseudo-classes do elemento <a> do HTML.
As pseudo-classes são usadas em CSS, para adicionar efeitos diferentes a alguns seletores ou a uma instância de alguns seletores.
São quatro as pseudo classes para links: a: link define o estilo do link no estado inicial. a:visited define o estilo do link visitado. a:hover define o estilo do link quando passa-se o mouse sobre ele. a:active define o estilo do link ativo, quando for clicado.

É importante a ordem de definição das regras para os estados dos links. Lembre-se de que pelo “efeito cascata”,