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