Codex

< Básico | Índice | Atributos >

Os documentos em HTML são definidos por elementos HTML.


Elementos de HTML

Um elemento de HTML é o que esta contido entre a tag inicial e tag final:

Tag inicial * Conteúdo do elemento Tag final *
<p> Isto é um parágrafo </p>
<a href="default.htm" > Isto é um link </a>
<br />

* A tag inicial também é chamada de tag de abertura. A tag final é chamada de tag de fechamento.


Sintaxe de elementos HTML

  • Um elemento do HTML inicia com a tag inicial ou tag de abertura
  • Um elemento HTML termina com uma tag final ou tag de fechamento
  • O conteúdo do elemento é o que está entre a tag inicial e tag final
  • Alguns elementos de HTML não possuem conteúdo
  • Elementos vazios são fechados na tag inical
  • A maioria dos elementos HTML podem ter atributos

Dica: Você irá aprender sobre atributos no próximo capítulo deste tutorial.


elementos aninhados

A maioria dos elementos de HTML podem ser aninhados (podem conter outros elementos de HTML).

Documentos HTML consistem em elementos HTML aninhados.


Documento HTML de exemplo

O exemplo acima contém 3 elementos HTML.


Exemplo HTML Explicado

O elemnto <p>:

O elemento <p> define um parágrafo no documento HTML. O elemento possue um tag inicial <p> e uma tag final </p>. O conteúdo do elemnto é : Este é meu primeiro parágrafo.

O elemento <body>:

O elemento <body> define o corpo do documento HTML. O elemento possui uma tag inicial <body> e uma tag final </body>. O conteúdo do elemento é outro elemento do HTML (um elemento p).

O elemento <html>:

O elemento <html> define todo o documento HTML. O elemento tem uma tag inicial <html> e uma tag final </html>. O conteúdo do elemento é outro elemento do HTML (o elemento body).


Não se esqueça da tag final

Alguns elementos do HTML aparecem corretamente mesmo que você esqueça de usar a tag final:

O exemplo acima funciona na maioria dos browsers, por que a tag de fechamento é considerada opcional.

Nunca conte com isso. Muitos elementos do HTML irão produzir resultados inesperados e/ou erros se você esquecer a tag de fechamento.


Elementos vazios do HTML

Os elementos do HTML sem conteúdo são chamados de elementos vazios.

<br> é um elemento vazio e sem uma tag de fechamento (a tag <br> define uma quebra de linha).

Dica: Em XHTML, todos os elementos devem ser fechados. Adicionando-se uma barra vertical dentro da tag vazia, like <br />, esta é a maneira adequada de se fechar elemntos vazios em XHTML (e XML).

Dica de HTML: prefira usar minúsculas para escrever o nome das tags.

As tags do HTML não são sensíveis ao uso de maiúsculas ou minúsculas: <P> significa o mesmo que <p>. Muitos sites usam maiúsculas para escrever tags de HTML.

Usamos minúsculas por que o World Wide Web Consortium (W3C) recomenda minúsculas em HTML 4, e demanda tags minúsculas no XHTML.

< Básico | Índice | Atributos >