Elementos HTML
Um elemento HTML é definido por uma tag inicial, algum conteúdo e uma tag final.
Elementos HTML
O elemento HTML é tudo, desde a tag inicial até a tag final:
Exemplos de alguns elementos HTML:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Nota: Alguns elementos HTML não possuem conteúdo (como o elemento <br>). Esses elementos são chamados de elementos vazios. Elementos vazios não possuem uma tag final!
Elementos HTML aninhados
Os elementos HTML podem ser aninhados (isso significa que os elementos podem conter outros elementos).
Todos os documentos HTML consistem em elementos HTML aninhados.
O exemplo a seguir contém quatro elementos HTML (
, <html>e <body>) :<h1><p>
Exemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Exemplo explicado
O <html>elemento é o elemento raiz e define todo o documento HTML.
Tem uma tag inicial <html>e uma tag final </html>.
Então, dentro do <html>elemento há um <body>
elemento:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
O <body>elemento define o corpo do documento.
Tem uma tag inicial <body>e uma tag final </body>.
Então, dentro do <body>elemento existem dois outros elementos:
<h1>e
<p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>O <h1>elemento define um título.
Tem uma tag inicial <h1>e uma tag final </h1>:
<h1>My First Heading</h1>
O <p>elemento define um parágrafo.
Tem uma tag inicial <p>e uma tag final </p>:
<p>My first paragraph.</p>
Nunca pule a tag final
Alguns elementos HTML serão exibidos corretamente, mesmo se você esquecer a tag final:
Exemplo
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
No entanto, nunca confie nisso! Resultados inesperados e erros podem ocorrer se você esquecer a tag final!
Elementos HTML vazios
Elementos HTML sem conteúdo são chamados de elementos vazios.
A <br>tag define uma quebra de linha e é um elemento vazio sem uma tag de fechamento:
Exemplo
<p>This is a <br> paragraph with a line break.</p>
HTML não diferencia maiúsculas de minúsculas
As tags HTML não diferenciam maiúsculas de minúsculas: <P>significa o mesmo que <p>.
O padrão HTML não exige tags em minúsculas, mas o W3C recomenda letras minúsculas em HTML e exige letras minúsculas para tipos de documentos mais rígidos, como XHTML.
No W3Schools, sempre usamos nomes de tags em minúsculas.
Referência de tags HTML
A referência de tags do W3Schools contém informações adicionais sobre essas tags e seus atributos.
| Tag | Description |
|---|---|
| <html> | Defines the root of an HTML document |
| <body> | Defines the document's body |
| <h1> to <h6> | Defines HTML headings |
Para obter uma lista completa de todas as tags HTML disponíveis, visite nossa Referência de tags HTML .