Struttura di un documento HTML Struktur eines HTML Dokuments Structure d'un document HTML Disposición de documentos HTML HTML document layout

Noção de documento HTML

Uma página HTML é um simples ficheiro que contém texto formatado com balizas HTML. Por convenção, a extensão dada ao ficheiro é .htm ou .html, mas uma página web pode potencialmente ter qualquer extensão.

Uma página web pode ser construída a partir do mais básico dos editores de texto (uma aplicação bloco-notas, por exemplo), mas existem editores muito mais evoluídos.

Os editores WYSIWYG (“What You See Is What You Get”, literalmente “o que vê é o que obtém”) são editores gráficos que permitem trabalhar sobre uma página web praticamente tal como ela será apresentada num navegador. Graças a este tipo de editores, é possível acrescentar marcas com um simples clique e alterar os atributos editando as suas propriedades num formulário. Por essa razão, para utilizar o melhor possível este tipo de editor, um conhecimento prévio do HTML é muito útil.

Existem igualmente editores que permitem editar o código HTML afixando as balizas, os atributos e os seus valores com diferentes cores para uma melhor leitura e propondo às vezes instrumentos para verificar a validade do código HTML.

Por convenção, a extensão dada a uma página HTML é .htm ou .html, mas uma página web pode potencialmente ter qualquer extensão, nomeadamente as seguintes :

  • .asp para uma página gerada dinamicamente em ASP (Active Server Pages);
  • .cgi para uma página gerada dinamicamente com CGI (Common gateway Interface);
  • .php, .php3 ou .php4 para uma página gerada dinamicamente em PHP;
  • .pl para uma página gerada dinamicamente em Perl (Practical Extraction and Report Language);
  • etc.

Estrutura do documento HTML

Um documento HTML começa com a marca <HTML> e termina com a marca </HTML>. Contém igualmente uma rubrica que descreve o título da página, seguidamente um corpo no qual se encontra o conteúdo da página.

A rubrica é delimitada pelas balizas <HEAD> e </HEAD>. O corpo é delimitado pelas balizas <BODY> e </BODY>.

Eis com exemplo uma página HTML minimalista:

<HTML> 
 <HEAD> 
  <TITLE>Titre de la page</TITLE> 
 </HEAD> 

 <BODY> 
  Contenu de la page 
    </BODY> 
</HTML>

Declaração do tipo de documento

É aconselhado indicar na página HTML o prólogo do tipo de documento, isto é, uma referência à norma HTML utilizada, para especificar o standard utilizado para a codificação da página. Esta declaração faz-se com uma linha do tipo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> 
<HTML> 
 <HEAD>...</HEAD> 
 <BODY>Contenu de la page</BODY> 
</HTML>



A declaração do documento indica a DTD (Document Type Definition) utilizada, quer dizer, a referência das características da linguagem utilizada. O quadro abaixo recapitula as declarações para as principais versões da linguagem HTML :


Versão Declaração
HTML 2.0<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01
XHTML 1.0
  • Strict : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • Transitional : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
  • Frameset : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  • XHTML 1.1
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


    Última modificação do dia Segunda 3 de Agosto de 2009 às 00:28:44.Este documento, intitulado « Estrutura de um documento HTML »a partir de Kioskea (pt.kioskea.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.
    Melhores respostas por « Estrutura de um documento HTML » em :
    As marcas HTML Ver HTML, uma linguagem de marcação O HTML não é uma linguagem de programação. Trata-se de uma linguagem que permite descrever a fomatação da página e a forma de um conteúdo redigido em texto simples. Uma página HTML é assim um...
    Declaração de uma folha de estilo (CSS) Ver Declaração de uma folha de estilo As folhas de estilo são um conjunto-superior da linguagem HTML, o que significa que não estão integradas directamente nas recomendações HTML do W3C. Assim, é necessário informar o código HTML com elementos...
    Modelos de documentos online VerModelos de documentos online : ganhar tempo e evitar armadilhas Pode-se encontra na internet uma variedade enorme de sites propondo documentos destinados a empresa. De cartas tipo de apresentação ao contrato de aluguel comercial, encontra-se...
    [Windows] Modificar o caminho de Meus documentos, etc... Ver1 – Meus documentos, minhas imagens, minhas músicas, etc. 2 – Outros repertórios 2.1 Com o software TweakUI (Com oXP unicamente) 2.2 Modo manual 1 – Meus documentos, minhas imagens, minhas músicas, etc. Com o XP, para mudar o enderêço de...
    [PHP] FAZER UPLOAD DE ARQUIVOS VerO PHP possibilita o gerenciamento de arquivos enviados (upload) graças ao formulário HTML. Formulário de envio de arquivos Configurção do PHP para fazer upload Recuperação do arquivo com PHP Formulário de envio de arquivos A primeira...
    Download Document Palette VerCrie novos documentos em pastas abertas. Com a pasta ativa no Finder, pressione depois selecione o documento tipo e você está encontra-se na fase de criação. Você pode customizar a Palette, nas janela de preferências. Outros...
    Download Smultron VerSmultron é um editor de textos, evoluído. Características : numeração de linhas Realce sintático em vários idiomas execução de comandos prévisualzação da página em HTML buscar/substituir em vários documentos expressões...
    Introdução ao HTML VerApresentação do HTML O HTML (“HyperText Mark-Up Language”) é uma linguagem dita “de marcação” (de “estruturação” ou “balizagem”) cujo papel é formalizar a escrita de um documento com balizas (ou marcas) de formatação. As balizas permitem...
    Parágrafos em HTML VerParágrafos A linguagem HTML considera os parágrafos como blocos de texto. Os navegadores repartem o melhor possível o seu conteúdo na janela a menos que um atributo NOWRAP ou NOBR seja especificado explicitamente. Dentro de um parágrafo,...
    GED (Gestão electrónica de documentos) VerGestão electrónica de documentos A GED (Gestão electrónica de documentos ou, em inglês, de Electronic Content Management) representa a utilização de meios informatizados para o conjunto da gestão de um documento electrónico (ficheiro...