A Tag Body
<body></body>
A TAG Body é requerida pelo código HTML, ela só é omitida quando se usa frames. Todo conteúdo da sua página está inserido nas tag Body.
Tudo que estiver contidona Tag <BODY> será mostrado na janela principal do browser, sendo apresentado ao usuário. <BODY> pode conter cabeçalhos, parágrafos, listas, tabelas, links para outros documentos, e imagens.
Atributos da Tag <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:
<BODY BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb" VLINK="#rrggbb" BACKGROUND="imagem.gif">
BGCOLOR
cor de fundo (padrão: cinza ou branco)
TEXT
cor dos textos da página (padrão: preto)
LINK
a 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)
Seus valores são dados em valores hexadecimais, equivalentes a cores no padrão RGB (Red, Green, Blue). Existem tabelas de cores com esses valores, mas grande parte dos editores já oferece uma interface bem amigável através da qual escolhemos as cores desejadas.
Este documento tem a seguinte definição de atributos gerais:
<BODY BGCOLOR="#FFFFFF" LINK="#008000" VLINK="#000000" ALINK="#FFFF00">
BACKGROUND
indica o URL da imagem a ser aplicada no fundo da página.
Você pode também atribuir os atributos por CSS (folhas de estilo em cascata). Segue abaixo como atribuir os os atributos por CSS ( Folhas de Estilo em Cascata):
Nota: Se você é iniciante no desenvolvimento de sites por enquanto não se preocupe com CSS. Primeiro aprenda bem o HTML e seus atributos.
Tutorial Html Sites Prontos - Ajustando cores com CSS - folhas de estilo em cascata
As cores da página podem ser ajustadas usando CSS - folhas de estilo em cascata.
Código para ajustar cores do links utilizando CSS:
a:link{ color :#FF0080; background : #ffffff }
a:active{ color :#FF00FF; background : #ffffff}
a:visited{ color :#808000; background : #ffffff}
a:hover{ color :#808000; background : #ffffff}
a:active = link que está sendo exibido.
a:visited = link que foi visitado.
a:hover = quando o ponteiro do mouse está em cima do link.
|
Tutorial Html Sites Prontos - Ajustando a imagem de fundo com folhas de estilo
A imagem de fundo e seus atributos podem também ser ajustados usando folhas de estilo. Confira alguns ajustes para não repetir imagens adicionadas de fundo em suas páginas.
Código para especificar a imagem
body{background-image : url(nome_da_imagem.gif)}
Nota: Este código repetiria a imagem.
Código para fazer com que a imagem de fundo não repita:
body{background-repeat : no-repeat}
Para repetir a imagem na horizontal:
body {background-repeat : repeat-x}
Para repetir a imagem na vertical:
body {background-repeat : repeat-y}
Tutorial Html Sites Prontos - Mudança De Cores na Scrollbar - Barra de Rolagem
Um outro atributo do corpo que pode ser controlado é o scrollbar. Mude a cor e outras características com este código:
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
Tutorial Html Sites Prontos - Ajustando a cor do fundo com folhas de estilo
O código para ajustar a cor do fundo para o corpo:
body {background-color : #ff0000}
O atributo da fundo-cor pode ser usado com o Tag do corpo, o Tag da tabela, o Tag da fileira, o Tag da pilha, o Tag do encabeçamento e a maioria do outro. Em a maioria de casos você deve também especificar um forecolor para a conformidade CSS2.
Tutorial Html Sites Prontos - Ajustes de textos com CSS Folhas de estilo em cascata
Os atributos do texto são ajustados individualmente usando folhas do estilo. Os ajustes diferentes podem ser especificados para parágrafos, listas, blockquotes, pre, etc... |
|
Tutorial HTML
Como fazer sites com templates prontos
O que é HTML
Introdução
Doctype
Código básico HTML
A tag Body
Cabeçalho
A tag Div
2 Colunas sem tabelas
3 Colunas sem tabelas
Linha Horizontal
Links Html
Bordas HTML
Meta Tags
Estilos em Cascata CSS
Fontes
Paragráfos
Paragragáfos-Imagens
Listas
A tag Pre
Quebra de linha
Registro de Domínios
|
