Hypertext Markup Language
 
 

Estrutura

Documento, cabeçalho e corpo

A estrutura básica de um documento HTML é composta por três tags (html, head e body), deve estar presente em todos os documentos, e seguir exatamente a seguinte sequência:

A seguir, cada uma delas e, ao final, sua aplicação.

As tags

<HTML> e </HTML>

  • Definição: Tag utilizada pelo navegador para identificar que o documento em questão trata-se de um HTML e não de texto puro. Entre <html> e </html> devem estar todas as outras tags, as informações e todo o conteúdo.
  • Atributos: não possui.

<HEAD> e </HEAD>

  • Definição: início e o fim do cabeçalho do documento, onde devem ser inseridas outras tags com dados e informações que não são exibidos na tela do navegador, mas utilizados por ele para fins diversos.
  • Atributos: não possui.

<TITLE> e </TITLE>

<BODY> e </BODY>

  • Definição: corpo do documento. Entre <body> e </body> está o que vai, efetivamente, ser exibido na tela do navegador.
  • Atributos:
  • bgcolor = cor de fundo para a página.
    Default: depende do navegador. Alguns definem a cor branca, outros, a cinza.
    background = define arquivo de imagem para o fundo da tela
    leftmargin = a margem esquerda (em pixels)
    topmargin = margem superior (pixels)
    marginwidth = margem pela largura (pixels)
    marginheight = margem pela altura (pixels)
    text = cor do texto para toda a página
    link = cor dos links para toda a página
    vlink = cor dos links já visitados
    alink = cor do link, quando selecionado

<!-- e -->

  • Definição: comentário. Pode ser inserido em qualquer parte do documento e seu conteúdo não é exibido pelo navegador. É utilizado para organizar o código, facilitando a visualização dos elementos dentro dele.
  • Atributos: não possui.

Aplicação das tags de estrutura

Código fonte
Ver no navegador Saiba como são
apresentados
os exemplos
deste material
<html>
<head>
<title>
Minha Página</title>
</head>
<body bgcolor="red">

<!-- INÍCIO DO TEXTO -->
Utilizando a estrutura básica de um documento HTML.
</body>
</html>
     
 
   
Controle de fluxo dos elementos