Estrutura Básica do HTML

A Estrutura básica do html

Assim como outras linguagens, o HTML possui uma estrutura básica para seus programas. Para que o browser interprete corretamente o programa, ele deve possuir alguns comandos básicos que sempre deverão estar presentes.

Um programa de HTML possui três partes básicas: a estrutura principal, o cabeçalho e o corpo do programa. Todo HTML deve iniciar com o comando <"html"> e ser encerrado com o comando <"/html">, esse par de comandos é essencial.

Entre o par de comandos <"head"> <"/head"> (área de cabeçalho) é onde colocamos o título da página. O mais importante desse comando é que ele serve para criar o título que aparece na linha de título da janela do browser.

O par de comandos <"body"> <"/body"> é onde você irá dar a forma a sua página, colocando links, cor ou imagem de fundo, texto, etc.

 A estrutura básica de uma página é a seguinte:

<"html">: As tags <"html"> <"/html"> são a identificação de uma página HTML, ou seja, fazem com que a página não seja considerada um documento de texto comum.

<"head">: O par de tag <"head"> <"/head"> são usadas para especificar o cabeçalho da página. O cabeçalho contém informações sobre a página que não aparecem no navegador.

<"title">: identifica o texto que irá aparecer no título da página; também serve para ajudar os mecanismos de à encontrar o conteúdo da página. Por exemplo: quando um usuário entra no google e digita uma palavra ou uma frase que gostaria de pesquisar o primeiro local que será pesquisado é o título do documento HTML.

<"body">: Entra as tags <"body"> <"/body"> se constrói o corpo da página HTML, ou seja, entre eles serão colocados textos, imagens, links, etc.

Lembrando que os comandos são inseridos sem aspas (" ").

As tags e seu atributos:

Cabeçalho: <"head"> <"/head">
Nele contém informações sobre o documento mas que não são visualizadas no navegador.
Atributos presentes: <"title"> <"/title">
 Identifica o texto que irá aparecer no título da página.

Corpo do documento: <"body"> <"/body">
Nessa tag inseriremos as informações que serão visualizadas na janela do navegador. Com seus atributos é possivel alterar a cor de fundo da página, cor do texto, etc.
Veremos os principais atributos dessa tag:

<"body bgcolor=”cor” text=”cor” link=”cor” alink=”cor” vlink=””cor background =”imagem de fundo”>.
Onde:
bgcolor=”cor” - adiciona cor no fundo da página, padrão cinza ou branco;
text=”cor” - especifica a cor padrão utilizada na página, padrão preto.
link=”cor” - especifica a cor dos links, padrão azul;
alink=”cor” - especifica a cor dos links quando acionados, padrão vermelho;
vlink=”cor” - especifica a cor dos links depois de visitados, padrão azul ou roxo;
background=”cor” - insere uma imagem no fundo da página.
Em “cor” pode-se colocar os valores em inglês ou em hexadecimal.