Documentos HTML são compostas por elementos HTML.
Na sintaxe HTML, a maioria dos elementos são escritos com uma marca de início e uma tag final, com o conteúdo no meio. Uma tag HTML é composto pelo nome do elemento, cercado por colchetes. Um tag de extremidade tem também uma barra depois de o suporte de ângulo de abertura, a distingui-la da marca de início.
Elementos HTML
Elementos HTML são escritos com uma marca de início, com uma tag final, com o conteúdo entre:
O elemento HTML é tudo, desde a marca de início para a marca de fim:
| tag de início | conteúdo do elemento | tag final |
|---|---|---|
| <h1> | Meu primeiro ponto | </h1> |
| <p> | Meu primeiro parágrafo. | </p> |
| <br> |
Alguns elementos HTML não tiver uma tag final.
Nested elementos HTML
Elementos HTML podem ser aninhadas (elements can contain elements) .
Todos os documentos HTML consistem em elementos HTML aninhadas.
Este exemplo contém 4 elementos HTML:
Exemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html> Tente você mesmo " Exemplo HTML explicado
O <html> elemento define todo o documento.
Ele tem uma marca de início <html> e uma tag final </html> .
O conteúdo do elemento é outro elemento HTML (the <body> element) .
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>O <body> elemento define o corpo do documento.
Ele tem uma marca de início <body> e uma tag final </body> .
O conteúdo do elemento é de dois outros elementos HTML ( <h1> and <p> ) .
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>O <h1> elemento define um título.
Ele tem uma marca de início <h1> e uma tag final </h1> .
O conteúdo do elemento é: meu primeiro título.
<h1>My First Heading</h1>O <p> elemento define um parágrafo.
Ele tem uma marca de início <p> e uma tag final </p> .
O conteúdo do elemento é: Meu primeiro parágrafo.
<p>My first paragraph.</p>Não se esqueça do Tag End
Alguns elementos HTML serão exibidos corretamente, mesmo se você esquecer a marca de fim:
Exemplo
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html> Tente você mesmo " O exemplo acima funciona em todos os navegadores, porque a tag de fechamento é considerada opcional.
Nunca contar com esta. Pode produzir resultados e / ou erros inesperados se você esquecer a tag final.
Elementos HTML vazia
elementos HTML sem conteúdo são chamados de elementos vazios.
<br> é um elemento vazio sem uma marca de fechamento (the <br> tag defines a line break) .
Elementos vazios pode ser "closed" na tag de abertura assim: <br /> .
O HTML5 não requerem elementos vazios a serem fechadas. Mas se você quiser validação rigorosa, ou você precisa fazer o seu documento lido por analisadores XML, você deve fechar todos os elementos HTML.
Dica HTML: Use minúsculas Etiquetas
Tags HTML não são maiúsculas de minúsculas: <P> significa o mesmo que <p> .
O padrão HTML5 não requer etiquetas minúsculas, mas W3C recommends minúsculas em HTML4 e demands minúsculas para tipos de documentos mais rigorosas, como XHTML.
No w3ii nós sempre usar tags minúsculas.