Introdução ao HTML
Todos os documento HTML é composto por Tags.
Este é o nome dados aos comandos HTML.
No HTML tem de começar a criar a sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento.
Perceba que a barra "/" sinaliza o fechamento da tag.
Este fechamento é necessário para que ela possa ser interpretada pelo navegador.
A estrutura das tags é formada por:
<xxx>: Este é o inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento.
** Algumas tags não necessitam do fechamento.
Neste caso, será avisado.
Entre no início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a página.
Se não fechar corretamente as tags, a página não irá ser mostrada.
Após iniciar o documento com a tag <HTML> deve-se incluir o cabeçalho que é feito com as tags <HEAD> </HEAD>.
Também um título usando o <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 <BODY> ... </BODY>.
Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags <BODY> e </BODY> é que irá colocar todos os códigos para sua página.
Um documento simples será digitado desta maneira:
<HTML>
<HEAD>
<TITLE> Meu documento HTML </TITLE>
</HEAD>
<BODY>
Aqui coloca-se os comandos em HTML.
</BODY>
</HTML>
Os espaços em branco são ignorados quando o navegador "lê" o código.
<HEAD>
<TITLE> Meu documento HTML </TITLE>
</HEAD>
<BODY>
Aqui coloca-se os comandos em HTML.
</BODY>
</HTML>
Os espaços em branco são ignorados quando o navegador "lê" o código.
Assim o código acima poderia ser escrito da seguinte forma:
<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>
A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar.
<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>
A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar.
Acostume-se a organizar seus programas para poder entendê-los posteriormente.
- 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.
- 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.
<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
Amarelo = yellow
Vermelho = red
Também se pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.
Com isso poderá colocar na sua página outras cores diferentes, como um azul-claro.
Para isso deves ter o código das cores, e no lugar de escrever o nome da cor em inglês, colocas o valor da cor
Algumas cores disponíveis RRGGBB (hexadecimal)"6 digitos":
Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00
Algumas cores disponíveis RRGGBB (hexadecimal)"6 digitos":
Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00
