¿Qué son los ELEMENTOS en HTML? (con ejemplos prácticos!)

Elementos HTML

Un elemento HTML normalmente consta de una etiqueta de inicio y una etiqueta de finalización, con el contenido insertado entre ambas.

<tagname>El contenido va aquí...</tagname>

El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta de finalización

Ejemplo:

<p>Un párrafo.</p>

  • Etiqueta de inicio: <p>
  • Contenido: Un párrafo.
  • Etiqueta de finalización: </p>

Elementos HTML anidados

Los elementos HTML pueden estar anidados (los elementos pueden contener elementos).

Todos los documentos HTML consisten en elementos HTML anidados.

No olvides cerrar la etiqueta

Algunos elementos HTML se mostrarán correctamente, incluso si se te olvida poner la etiqueta final

See the Pen HTML | 1.4 - Elementos HTML - no olvides cerrar las etiquetas by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Elementos HTML vacíos

Los elementos HTML sin contenido se denominan elementos vacíos.

<br> es un elemento vacío sin una etiqueta de cierre (la etiqueta <br> define un salto de línea)

Los elementos vacíos se pueden "cerrar" en la etiqueta de apertura de esta manera: <br/>.

HTML5 no requiere que se cierren elementos vacíos. Pero si desea una validación más estricta, o si necesita hacer que su documento sea legible por analizadores XML, debe cerrar todos los elementos HTML correctamente.

See the Pen HTML | 1.4 - Elementos HTML - elementos vacíos by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

HTML no distingue entre mayúsculas y minúsculas

Las etiquetas HTML no distinguen entre mayúsculas y minúsculas: <P> significa lo mismo que <p>.

El estándar HTML5 no requiere etiquetas en minúsculas, pero es recomendable usar siempre minúsculas en HTML.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.