HTML - Elementos

Un HTML elementestá definido por una etiqueta de inicio. Si el elemento contiene otro contenido, termina con una etiqueta de cierre, donde el nombre del elemento está precedido por una barra inclinada como se muestra a continuación con algunas etiquetas:

Etiqueta de inicio Contenido Etiqueta final
<p> Este es el contenido del párrafo. </p>
<h1> Este es el contenido del encabezado. </h1>
<div> Este es el contenido de la división. </div>
<br />

Asi que aqui <p>....</p> es un elemento HTML, <h1>...</h1>es otro elemento HTML. Hay algunos elementos HTML que no necesitan cerrarse, como<img.../>, <hr /> y <br />elementos. Estos se conocen comovoid elements.

Los documentos HTML constan de un árbol de estos elementos y especifican cómo se deben construir los documentos HTML y qué tipo de contenido se debe colocar en qué parte de un documento HTML.

Etiqueta HTML frente a elemento

Un elemento HTML se define mediante una etiqueta inicial . Si el elemento contiene otro contenido, termina con una etiqueta de cierre .

Por ejemplo, <p> es la etiqueta de inicio de un párrafo y </p> es etiqueta de cierre del mismo párrafo pero <p>This is paragraph</p> es un elemento de párrafo.

Elementos HTML anidados

Está muy permitido mantener un elemento HTML dentro de otro elemento HTML -

Ejemplo

<!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>

Esto mostrará el siguiente resultado: