La expresión “etiqueta” significa literalmente “etiqueta”. Una etiqueta se utiliza para marcar o identificar algo, como la etiqueta de precios en el mercado por ejemplo.
En HTML5, las etiquetas tienen el mismo objetivo: marcar elementos. Es decir, determinar dónde comienza un elemento y dónde termina. Esto es muy apropiado, ya que “HTML” significa Lenguaje de Marcado de Hipertexto.
Hay dos tipos de etiquetas: 1) las que necesitan cierre y 2) las que se cierran solas. Vamos a conocerlas ahora.
1 - Etiquetas que necesitan cierre
Para crear una etiqueta necesitamos definir un signo menor (<), el nombre de la etiqueta y por último un signo mayor (>).
Para cerrar esta misma etiqueta, basta con definir un signo menor (<), una barra (/), el nombre de la etiqueta y un signo mayor (>).
Entre la etiqueta de apertura y cierre irá el contenido de la etiqueta. Ejemplo:
En rojo están las etiquetas de apertura y cierre y en amarillo está el contenido de la etiqueta.
Cuando una etiqueta es interpretada en el navegador, se transforma en un elemento HTML.
2 - Etiquetas que se cierran solas (self-closing)
Algunas etiquetas no necesitan etiqueta de cierre. En este caso, en la etiqueta de apertura, después de definir el nombre de la etiqueta, ya colocamos una barra (/), dejando claro su cierre. Ejemplo:
En rojo está la etiqueta de apertura y la barra de cierre al final de ella.
Las etiquetas de auto cierre no tendrán contenido.
Nos damos cuenta de que es muy simple crear una etiqueta, ¿no crees? Pueden ser sencillas de crear, pero también son muy poderosas, ya que son uno de los fundamentos del lenguaje HTML, lo que las convierte también en uno de los fundamentos de la Web Moderna. :)
Hay un proverbio chino que dice: “Una larga caminata siempre comienza con el primer paso”. De la misma manera, no importa cuán grande pueda ser un sitio o sistema, siempre comenzará con una pequeña etiqueta.
¡Hasta el próximo artículo!
¿Te gustó este artículo?
¿Te gustaría aprender más sobre HTML5? Entonces inscríbete en nuestro Curso Completo de HTML5, que puedes acceder en este enlace https://hcode.com.br/cursos/HTML5. Aprende todas las etiquetas y todos los atributos de este lenguaje, a través de ejemplos prácticos, con la ayuda del método Hcode de enseñanza ;)