Social Icons

^^

domingo, 17 de janeiro de 2010

Introdução ao HTML

Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. 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. 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 é apenas uma representação de uma tag, não é uma tag HTML.

** Algumas tags não necessitam do fechamento. Neste caso você será avisado.
Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.
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. Entre as tags <BODY> e </BODY> é que você vai colocar todos os códigos para sua página.
Um documento simples seria digitado da seguinte maneira:
<HTML>

<HEAD>

<TITLE> Meu documento HTML </TITLE>

</HEAD>

<BODY>

Aqui você coloca 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. 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 (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

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):

Nenhum comentário:

Postar um comentário

Popular Posts

- Arquivo -

 

Seguidores

Hora exata:

Total de visualizações de página