<html> = Onde ficam todos os itens do site.
<head> = Onde fica a estrutura do site.
</head> = Onde termina a estrutura.
<body> = Onde começa os Links, imagens do site.
</body> = Onde termina os links, imagens do site.
<html> = Onde acaba o site.
---------------------------------------------------------------------------
| Atributos de Body: |
Texte = Cor da fonde dos textos
Link = Cor dos links (Padrão Azul)
A Link = Cor dos links quando clicados (Padrão Vermelho)
VLink = Cor dos Links depois de clicados (Padrão Roxo)
BackGround = Imagem de fundo (Imagem de Fundo)
Podemos definir tudo de uma só vez, colocando o seguinte código:
<BODY BGCOLOR="YELLOW" TEXT="BLACK" LINK="BLUE" ALINK="RED" VLINK="PURPLE">
------------------------------------------------------------------------------------------------------------
CODIGOS DE ALGUMAS CORES:
Preto = #000000
Branco = #FFFFFF
Azul = #0000FF
Amarelo = #FFFF00
Verde = #008000
Lima = #00ff00
Marron = #800000
Oliva = #808000
Azul Celeste = #00FFFF
Lilás = #ff00ff
Cinza = #808080
Azul escuro = #000080
Roxo = #800080
Vermelho = #FF0000
Para mais cores clique aqui
---------------------------------------------------------------------------------
A tag <H> segnifica o tamanho da letra, Exemplo:
Este é o tamanho:<H2>
Este é o tamanho:<H3>
Este é o tamanho:<H4>
Este é o tamanho:<H5>
Este é o tamanho:<H6>
Pode-se alinhar os cabeçalhos
<H2 ALIGN=CENTER>Texto centralizado</H2>
<H2 ALIGN=RIGHT>Texto alinhado à direita</H2>
<H2 ALIGN=LEFT>Texto alinhado à esquerda</H2>
----------------------------------------------------------------------------
Fonte e cor da letra:
<fonte face> = Fonte da letra
<fonte color> = Cor da letra
<fonte size> = Tamanho da letra
Podemos colocar tudo junto, exemplo:
<FONT FACE="ARIAL" SIZE="1" COLOR="RED">Fica assim</FONT>
<FONT FACE="ARIAL" SIZE="2" COLOR="BLUE">Fica assim</FONT>
-----------------------------------------------------------------------------------------------------------------------------
Formatando textos:
Formatando o texto em Negrito, Itálico, Sublinhado e Centralizado. TAGS:
<B> - Negrito, <U> - Sublinhado, <I> - Itálico e <CENTER> - Centralizado
Exemplos:
<B>Texto em Negrito</B>
<U>Texto Sublinhado</U>
<I>Texto em Itálico</I>
<STRIKE> ou <S> Texto Riscado
<SUB> Como em H2O - O número 2 ficou em baixo.
<SUP> Como em Km2 - O número 2 ficou em cima.
<CENTER>Texto Centralizado</CENTER>
Ou tudo junto
Você também pode acumular os efeitos, agrupando os códigos Ex.:
--------------------------------------------------------------------------------------
Como adicionar imagem:
A TAG utilizada é: <img src="nome da imagem+extensão"(gif,jpg,bmp,etc)>
Atributos da Imagem:
WIDTH - Define a largura da imagem.
HEIGHT - Define a altura da imagem.
ALT - Texto que aparece quando é passado o mouse sobre a imagem
BORDER - É um valor atribuido à largura da borda da imagem (Contorno).
Veja alguns exemplos:
<img src="zero.gif" alt="Seu texto" border="0">
<img src="zero.gif" alt="Seu texto" border="1">
-----------------------------------------------------------------------------------------------------
Como fazer LINKs:
Links são pontos clicáveis que levam a qualquer site da internet ou qualquer página do site e até mesmo qualquer ponto da própria página. A TAG usada é:
<a href="nome do lugar à ser levado">descrição do lugar</a>
Exemplos
<a href="http://www.top-designer1.blogspot.com">Conheça Top-Designer</a> Resultado:
Conheça TOP-Designer Obs:
O trecho traget bank é para que vá para outra aba..
Como adicionar imagem:
A TAG utilizada é: <img src="nome da imagem+extensão"(gif,jpg,bmp,etc)>
Atributos da Imagem:
WIDTH - Define a largura da imagem.
HEIGHT - Define a altura da imagem.
ALT - Texto que aparece quando é passado o mouse sobre a imagem
BORDER - É um valor atribuido à largura da borda da imagem (Contorno).
Veja alguns exemplos:
<img src="zero.gif" alt="Seu texto" border="0">
<img src="zero.gif" alt="Seu texto" border="1">
-----------------------------------------------------------------------------------------------------
Como fazer LINKs:
Links são pontos clicáveis que levam a qualquer site da internet ou qualquer página do site e até mesmo qualquer ponto da própria página. A TAG usada é:
<a href="nome do lugar à ser levado">descrição do lugar</a>
Exemplos
<a href="http://www.top-designer1.blogspot.com">Conheça Top-Designer</a> Resultado:
O trecho traget bank é para que vá para outra aba..
0 Comentários:
Postar um comentário