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
- O 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.