Html/

Elementos

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

<html>

<body>
<p>Este é meu primeiro parágrafo.</p>
</body>

</html>

O exemplo acima contém 3 elementos HTML.

Exemplo HTML Explicado

O elemnto :

<p>Este é meu primeiro parágrafo.</p>

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

O elemento <body>:

<body>
<p>Este é o meu primeiro parágrafo.</p>
</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>:

<html>

<body>
<p>Meu primeiro parágrafo.</p>
</body>

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

<p>Isto é um parágrafo
<p>Isto é um parágrafo

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.

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

Dica: Em XHTML, todos os elementos devem ser fechados. Adicionando-se uma barra vertical dentro da tag vazia, like , 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: significa o mesmo que . 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 >

Codex