Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Estrutura base do HTML

Estrutura básica 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 é:

<HTML>
<HEAD>

</HEAD>
<BODY>

</BODY>
</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:

<HTML>
<HEAD>
  <TITLE>TI Expert</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

O que resultaria em

Exemplo do efeito proporcionado pela tag TITLE

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 27458 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog