sábado, 14 de março de 2009

Minha aula de WebDesign (04) - Tags DIV , A e IMG

Aula de Webdesign



Hoje vou escrever o que eu aprendi na aula de Webdesign que tive nesse dia. Aprendi novas tags, dentra elas a DIV, o professor deixou de lado, mas acho que vai ficar pra próxima: a TABLE, TR, TD que servem para formar uma tabela.
Falou também da tag A e IMG



A tag DIV


A tag DIV acabou servindo apenas para elaborar blocos e precisa de um identificador que a represente como no exemplo abaixo.


< div id ="size" >


Nesse exemplo acima pode identificar size dessa maneira: #site, identificando dessa maneira o Div no CSS



Dentro do arquivo .css você poderá ajustar a altura(Height) e largura(Width) do seu bloco. Tal como acertar a margem interna fazendo 'Padding'



A tag A


Usada para criar os links. Eles podem ser:


internos (ex: < a href="link da sua área" > Seu texto< /a>);


externo (ex: < a href=" endereço da página com http:// > Site da Uol < /a>)


email (ex: < a href= "mailto: nome@nome.br" > Contato < /a > ).


Neutro (ex: < a href = "#" > Link Neutro < /a >


Também existem os links verticais

Para fazer eles, você precisa primeiro identificar seus pontos aonde ao clicar lá em cima apontarão para um endereço logo abaixo, até o final da página. Para estabelecer os pontos vá aonde queira que pare o texto ao ser clicado numa opção lá em cima e escreva: < a name = "aondevai"> < /a> .

Agora lá em cima aonde precisa referenciar para chegar aonde quer você digita:

< p >< a href = "#vai pra lá" > Link no começo do texto preferencialmente < /a> < /p>


para mudar o jeito que o link aparece, vá no seu arquivo Css e digite:

a {} (para mudar o link que houver aparecendo)

a: hover {} (muda o modo como aparece qdo passa o mouse por cima)

a: visited {} (para mudar os que já foram modificados)


Tag IMG


Serve para colocar imagens.
Primeiro salve uma imagem em seu diretório e depois digite:
< img src = "caminho. jpg" / >

ou então o endereço da imagem:

< img src = "http://site" / >



0 comentários: