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 -