Bruno C.

de Paula

Laboratrio de Informtica
Links

1 Semestre 2010 > PUCPR > BSI

Resumo da aula
Trabalharemos

com a
criao de links entre
pginas.
Links

so o principal fator de
sucesso da web;

Material extra referente ao assunto

da aula
Sobre

links:
http://www.pt-br.html.net/tutorials/ht
ml/lesson8.asp
http://www.w3schools.com/html/html_l
inks.asp
http://dev.opera.com/articles/view/18-h
tml-links-let-s-build-a-web/
Links e listas em CSS:
http://dev.opera.com/articles/view/32-st
yling-lists-and-links/

Tags HTML referenciadas na aula (em

Portugus site Referenciando)

Portugus:

<a>, <base>;
Ingls
<a>, <base>;

Propriedades CSS referenciadas na aula

(em Ingls site SitePoint)
background-image:

escolhe imagem de

fundo;
background-position: posio do fundo;
background-repeat: repetio do fundo;
padding-left: desloca o contedo em
relao imagem de fundo;
list-style-image: escolhe a imagem do
marcador;

Tag <a>
Cria link entre pginas;
Principal motivo do sucesso da web!
Atributos principais:
href: determina o site a ser linkado;
title: exibe dica visual ao link ou
explicao;
rel: especifica o relacionamento entre a
pgina atual e a pgina linkada (help, next,
prev,...).
<a href=http://www.pucpr.br title=site da
puc>PUC</a>

Criar link para um elemento dentro

da pgina (atributo id)

Criar link para um elemento dentro

da pgina (pgina + atributo id)
Na pgina exemplo_links1.htm

Na pgina exemplo_links2.htm

CSS: Estados de um linkLoVe Fears HAte

Link:

link;
Visited: link visitado;
Focus: link com o foco
(selecionado);
Hover: link quando o mouse
passa sobre ele;
Active: link no momento do
clique.

CSS: Estados de um link

LoVe Fears HAte

10