Início » Tutoriais » Tutorial HTML

Elementos HTML

Documentos HTML são definidos por elementos HTML.

Elementos HTML

Um elemento HTML é tudo, desde a marca de início para a marca final:

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

Sintaxe dos elementos HTML

  • Um elemento HTML quase sempre tem uma tag de abertura e outra de fechamento
  • As tags de fechamento tem uma / (barra) antes do nome da tag
  • conteúdo do elemento é tudo entre o início e o fim da tag
  • Alguns elementos HTML têm conteúdo vazio
  • Os elementos vazios são fechados na tag de início
  • A maioria dos elementos HTML podem ter atributos

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


Aninhamento de elementos HTML

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

Documentos HTML consistem em elementos HTML aninhadas.


Exemplo de um documento HTML

<!DOCTYPE html>
<html>

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

</html>

O exemplo acima contém três elementos HTML.


Explicação do exemplo HTML

O elemento <p>:

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

O elemento <p> define um parágrafo no documento HTML. O elemento tem uma tag início <p> e uma tag final </p>. O conteúdo do elemento é: "Este é o 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 tem uma tag <body> início e uma tag final </body>. O conteúdo elemento é outro elemento HTML (elemento a p).

O elemento <html>:

<!DOCTYPE html>
<html>

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

</html>

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


Não se esqueça da tag de fechamento

Alguns elementos HTML pode exibir corretamente, mesmo se você esquecer a tag final:

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

O exemplo acima funciona na maioria dos navegadores, pois a tag de fechamento é considerado opcional.

Nunca confie nisso. Muitos elementos HTML irá produzir resultados e/ou erros inesperados se você esquecer a tag final.


Elementos HTML vazio

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

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

Dica: Em XHTML, todos os elementos devem ser fechados. Adicionando uma barra dentro da marca de início, como <br />, é a maneira correta de fechar os elementos vazios em XHTML (e XML).


Dica HTML: Use as marcações minúsculas

Tags HTML não são sensíveis a letras em tipografia de caixa baixa (minúscula) e caixa alta (maiúscula): <P> significa o mesmo que <p>. Muitos sites usam tags HTML caixa alta.

Agente Webmaster usar tags caixa baixa porque o World Wide Web Consortium (W3C) recomenda minúsculas em HTML 4, e exige tags minúsculas em XHTML.

Em caso de dúvida, você pode tirar nos comentários.

Categoria: Tutorial HTML | Adicionado por : ShZlot (09-07-2014)
Visualizações: 622 | Ranking: 0.0/0
Total de comentários: 0
avatar