¿Qué son los elementos en HTML?

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

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.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats