quarta-feira, 26 de janeiro de 2011

Estrutura base do HTML

A linguagem HTML é uma linguagem de marcação (tags), ou seja, o browser irá ler as marcações, interpretar e então gerar as formas de acordo com o seu entendimento (interpretação) das marcações.
Toda marcação ou tag é definida dentro dos sinais de maior e menor (< >) e não importa a forma que a marcação é escrita, por exemplo, todas essas formas são válidas: <HTML>, <html>, <Html>, <HTml>, <HtMl>... Cada tag tem suas próprias propriedades que podem vir padronizadas ou podem ser modificadas. Toda tag deve ter um início (abertura), mas nem todas exigem um fim (fechamento). Geralmente, o fechamento é composto pela mesma tag, mas com uma barra indicando o fechamento (< / >).
Sempre que criamos uma página HTML devemos usar a marcação HTML. Portanto, tudo de uma página deve estar dentro da tag HTML, exemplo: <HTML> ... </HTML>.
Dentro da tag HTML podemos destacar outras duas tags muito importantes: o cabeçalho e o corpo (head e body).
A tag HEAD contém as informações necessárias que devem ser carregadas antes mesmo da página, como por exemplo o título da janela, um ícone, uma folha de estilos CSS, etc.
A tag BODY contém as informações que serão mostradas ao visitante, ou seja, a página de fato.
Tendo estes conceitos básicos em mente, a base de qualquer página HTML é:
1.<HTML>
2.<HEAD>
3. 
4.</HEAD>
5.<BODY>
6. 
7.</BODY>
8.</HTML>

Inserindo Título

Como já visto, qualquer ação que deve ser tomada antes do carregamento da página deve ser colocado dentro do cabeçalho (tag HEAD).
Para inserir o título, usamos a tag TITLE. A tag title não tem nenhuma propriedade, mas tem uma função extremamente importante que indicar a página. Por exemplo, se quisermos colocar o título TI Expert na página, simplesmente, faríamos:
1.<HTML>
2.<HEAD>
3.  <TITLE>TI Expert</TITLE>
4.</HEAD>
5.<BODY>
6. 
7.</BODY>
8.</HTML>