|
<HTML>
<HEAD>
<TITLE> AQUI VAI O TEXTO DA BARRA DE TÍTULO </TITLE>
</HEAD>
<BODY>
Aqui você coloca o conteúdo do site
</BODY>
</HTML>
<xxx>: Este é o
inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
Você deve começar
sua página com a tag <HTML>, na primeira linha do código, e terminar com
</HTML> na última linha do documento.
Após iniciar o
documento com a tag <HTML> você deve incluir o cabeçalho que é feito com
as tags <HEAD> </HEAD>. E também um título usando o par <TITLE> ... </TITLE>.
Geralmente, o título não é mostrado na página, porém os navegadores o
utilizam para entitular a janela de visualização. Coloque um título bem
claro e explicativo para seus documentos.
_______________________________________________________________________________________________________________________
- A tag <BODY>
O "corpo" do
documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do
documento serão colocados todos os comandos para apresentação de uma
página HTML.
- Atributos do <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):
<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 clicando aqui.
Em "cor", você pode colocar os valores de cores em inglês como:
Preto = black
Branco = white
Azul = blue
ou
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00
_______________________________________________________________________________________________________________________
- Tags de título <H> -
"Headings"
Com elas você pode
apenas definir o tamanho das letras, mas não o tipo de fontes. Veja
agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1
até 6.
<H1> Este é o primeiro nível </H1>
<H2> Este é o segundo nível </H2>
<H3> Este é o terceiro nível </H3>
<H4> Este é o quarto nível </H4>
<H5> Este é o quinto nível </H5>
<H6> Este é o sexto nível </H6>
Este é o primeiro
nível
Este é o segundo
nível
Este é o terceiro
nível
Este é o quarto
nível
Este é o quinto
nível
Este é o sexto
nível
- Tag <FONT>
- Você pode também usar as tags de fonte no lugar das tags de "headings".
Este tipo de tag é a mais usada, pois você pode definir mais facilmente
o tamanho do texto e fonte que você deseja, e personalizar ainda mais a
sua página. A tag é <FONT>, e dentro dela você pode definir vários
parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as
tags de fontes:
- Atributo FACE
- FACE:
Uma evolução que permite a escolha da fonte (tipo de letra) para os
textos, a tag é feita assim:
<FONT FACE=fonte_da_letra>Texto</FONT>
Exemplo:
<FONT FACE=Times>Fonte Times New Roman </FONT>
Fonte Times New Roman
<FONT FACE=Arial>Fonte Arial </FONT>
Fonte Arial
<FONT FACE=Courier>Fonte Courier New </FONT>
Fonte
Courier New
- Atributo
COLOR e SIZE
- COLOR e SIZE:
Atributos cor e tamanho:
<font size="3"> A palavra terá o tamanho 3</font>
A palavra terá o tamanho 3
<font color="red"> A palavra terá a cor vermelha </font>
A palavra terá a cor vermelha.
Podemos também combinar as tags acima:
<font face="Arial" size="2" color="red">Palavra com tamanho 3 e em
vermelho </font>
O resultado final será:
Palavra com tamanho 3 e em vermelho
|
