Elementos HTML

Recomendação de curso:

Elementos HTML

Documento HTML é definido por elementos HTML.

Sintaxe do elemento HTML Elemento HTML se refere a todo o código entre o marcador de início e o de fim. Elementos HTML começam com
Conteúdo do elemento <p> Este é um parágrafo
</p> <a href="default.htm" > Este é um link
</a>

Nota:<br />

Marcadores de início são chamados de tags de abertura (opening tag), e marcadores de fim são chamados de tags de fechamento (closing tag).

  • InícioSintaxe do elemento HTMLMarcador de início
  • InícioElementos HTML começam comMarcador de fim
  • TerminaçãoConteúdo do elemento
  • É o conteúdo entre o marcador de início e o de fimDeterminados elementos HTML têm
  • Conteúdo vazio (empty content)Elemento vazioFechamento no marcador de início
  • (termina com o fechamento do marcador de início)A maioria dos elementos HTML pode ter

AtributoDica:

Elementos HTML aninhados

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

O documento HTML é constituído por elementos HTML aninhados.

Exemplo de documento HTML

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

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

Exemplo HTML explicado

<p> elemento:

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

Este <p> elemento define um parágrafo no documento HTML.

Este elemento possui um marcador de início <p> e um marcador de fim </p>.

O conteúdo do elemento é: Este é meu primeiro parágrafo.

<body> elemento:

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

<body> elemento define o corpo do documento HTML.

Este elemento possui um marcador de início <body> e um marcador de fim </body>.

O conteúdo do elemento é outro elemento HTML (elemento p).

<html> elemento:

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

O elemento <html> define todo o documento HTML.

Este elemento possui uma tag de início <html> e uma tag de fechamento </html>.

O conteúdo do elemento é outro elemento HTML (elemento body).

Não se esqueça das tags de fechamento

Mesmo que você esqueça de usar tags de fechamento, a maioria dos navegadores mostrará corretamente o HTML:

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

Os exemplos acima funcionam em maioria dos navegadores, mas não dependa disso. Esquecer de usar tags de fechamento pode resultar em resultados inesperados ou erros.

Nota:Versões futuras do HTML não permitirão a omissão de tags de fechamento.

Elementos HTML vazios

Os elementos HTML sem conteúdo são chamados de elementos vazios. Os elementos vazios são fechados na tag de início.

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

Em XHTML, XML e versões futuras do HTML, todos os elementos devem ser fechados.

Adicionar uma barra invertida no início da tag, como <br />, é o método correto para fechar elementos vazios, aceito por HTML, XHTML e XML.

Embora <br> seja válido em todos os navegadores, usar <br /> é uma segurança a longo prazo.

Dica do HTML: Use tags minúsculas

As tags HTML são insensíveis a maiúsculas e minúsculas: <P> é equivalente a <p>. Muitos sites usam tags HTML em maiúsculas.

O CodeW3C.com usa tags minúsculas, porque a World Wide Web Consortium (W3C) no HTML 4RecomendadoUse minúsculas, enquanto no futuro versão (X)HTMLObrigatórioUse minúsculas.