HTML - Elementos

A HTML elementé definido por uma marca inicial. Se o elemento contiver outro conteúdo, ele termina com uma tag de fechamento, onde o nome do elemento é precedido por uma barra, conforme mostrado abaixo, com algumas tags -

Iniciar Tag Conteúdo Tag de fim
<p> Este é o conteúdo do parágrafo. </p>
<h1> Este é o conteúdo do título. </h1>
<div> Este é o conteúdo da divisão. </div>
<br />

Então aqui <p>....</p> é um elemento HTML, <h1>...</h1>é outro elemento HTML. Existem alguns elementos HTML que não precisam ser fechados, como<img.../>, <hr /> e <br />elementos Estes são conhecidos comovoid elements.

Os documentos HTML consistem em uma árvore desses elementos e eles especificam como os documentos HTML devem ser construídos e que tipo de conteúdo deve ser colocado em que parte de um documento HTML.

Tag HTML vs. Elemento

Um elemento HTML é definido por uma tag inicial . Se o elemento contiver outro conteúdo, ele termina com uma tag de fechamento .

Por exemplo, <p> é a tag inicial de um parágrafo e </p> é a tag de fechamento do mesmo parágrafo, mas <p>This is paragraph</p> é um elemento de parágrafo.

Elementos HTML aninhados

É muito permitido manter um elemento HTML dentro de outro elemento HTML -

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>Nested Elements Example</title>
   </head>
	
   <body>
      <h1>This is <i>italic</i> heading</h1>
      <p>This is <u>underlined</u> paragraph</p>
   </body>
	
</html>

Isso exibirá o seguinte resultado -