Tutor Designer: < BODY >

terça-feira, 20 de julho de 2010

< BODY >

Através de atributos de < BODY >, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página)
Ou seja podemos generalizar, todo o texto terá tamanho tal, cor tal, etc.

< BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer">

Onde:

- BGCOLOR
Cor de fundo (padrão: cinza ou branco)

- TEXT
Cor dos textos da página (padrão: preto)

- LINK
Cor dos links (padrão: azul)

- ALINK
Cor dos links, quando acionados (padrão: vermelho)

- VLINK
Cor dos links, depois de visitados (padrão: azul escuro ou roxo)

- BACKGROUND
Imagem de fundo. Saiba como colocar uma imagem de fundo.

Em "cor", você pode colocar os valores de cores em inglês como:

Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red

Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor

Algumas cores disponíveis RRGGBB (hexadecimal):

Cor - Código HTML

PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00

Você pode conferir a tabela completa de cores clicandoaqui.

Atributos exclusivos


Leftmargin Define uma mergem do lado esquerdo do seu elemento.
Topmargin Define uma margem na parte superior do elemento.

Um conjunto de atributos de margem estão disponiveis para a tag BODY. Esse atributos de trabalho muito parecido com aquele de um programa de processamento de texto, permite que você defina uma megem de valor em pixel para esquerda, direita, superior e infeior de seu site. Definir esse atributos significa que todo conteúdo que você colocar dentro das tags de seu corpo, irá seguir o que foi posto.
Vejamos:
< body topmargin="50">
< body leftmargin="50">


Base Text


O atributo de texto, define a cor de todos os textos contidos no corpo da tag.
Pense nisso como um meio para definir a cor de todo o seu texto contando como pardão.
Vejamos:
< body text="red" >
ou
< body text="rgb(255,0,0)" >


Base Links


Na mesma linha também poemos configurar a cor dos links visitados.
Vejamos:
< body link="white" vlink="black" >
ou
< body link="rgb(255,255,255)" vlink="rgb(0,0,0)" >