Um elemento HTML é definido por uma tag inicial, algum conteúdo e uma tag final.
Elementos HTML
Um elemento HTML é definido por uma tag inicial, algum conteúdo e uma tag final:
< tagname >
O conteúdo entra aqui … < / tagname >
O elemento HTML é tudo, desde a tag inicial até a tag final:
< h1 >
Meu primeiro título < / h1 >
< p >
Meu primeiro parágrafo. < / p >
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 que se segue contém quatro elementos HTML ( <html>
, <body>
, <h1>
e <p>
):
<!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.
Possui uma tag de início <html>
e uma tag de finalização </html>
.
Então, dentro do <html>
elemento, há um <body>
elemento:
<body> <h1>primeiro h1</h1> <p>Primeiro parágrafo</p> </body>
O <body>
elemento define o corpo do documento.
Possui uma tag de início <body>
e uma tag de finalização </body>
.
Então, dentro do <body>
elemento, existem outros dois elementos: <h1><p>
O <h1>
elemento define um cabeçalho.
Possui uma tag de início <h1>
e uma tag de finalização </h1>
:
O <p>
elemento define um parágrafo.
Possui uma tag de início <p>
e uma tag de finalização </p>
:
Nunca ignore a tag final
Alguns elementos HTML serão exibidos corretamente, mesmo se você esquecer a tag final:
<html> <body> <p>Parágrafo 1 <p>Parágrafo 2 </body> </html>
No entanto, nunca confie nisso! Resultados e erros inesperados 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>este <br> é um paragrafo</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 requer tags em minúsculas, recomenda-se letras minúsculas em HTML e exige letras minúsculas para tipos de documentos mais rígidos, como XHTML.
<< Anterior Exemplos básicos de HTML
Deixe um comentário