Qué es una etiqueta en HTML
Por FelipePublicado en:
Una etiqueta HTML es una instrucción del lenguaje de marcado HTML que indica al navegador cómo debe mostrar cada elemento de una página: un título, un párrafo, una imagen o un enlace. Se escribe entre los signos < y > y, por lo general, en pareja —una de apertura y otra de cierre—. Es la base con la que se construye cualquier web.
El lenguaje HTML es la base de la programación web y está presente en todos los sitios a los que accedemos a través de un navegador. Junto a otros lenguajes como PHP, CSS o JavaScript, permite desarrollar páginas web y tiendas online dinámicas, en las que los usuarios interactúan con el contenido. HTML es un lenguaje de marcado que emplea una serie de etiquetas para dar instrucciones al navegador sobre cómo mostrar la información. Para programar en HTML conviene conocer la función de las distintas etiquetas disponibles; a continuación verás qué es una etiqueta, para qué sirve y cuáles son las más utilizadas.
Qué son las etiquetas de HTML
Las etiquetas de HTML son las instrucciones que se escriben en este lenguaje para que el navegador pueda mostrar el contenido a los usuarios. Cuando se redacta código HTML, se utilizan las etiquetas para indicar qué se quiere hacer y cómo debe presentarse cada elemento. El navegador lee esas etiquetas, las interpreta y dibuja en pantalla el resultado: convierte el texto plano en titulares, listas, tablas, imágenes o enlaces. Sin etiquetas, el navegador no sabría distinguir un encabezado de un párrafo ni una imagen de un botón.
Cuáles son las partes de una etiqueta HTML
Una etiqueta HTML se compone de varias partes que conviene diferenciar:
- Elemento. Es el nombre de la etiqueta y define su función; por ejemplo, <body> delimita el cuerpo del documento.
- Atributos. Aportan información adicional o configuran el comportamiento del elemento. Se escriben dentro de la etiqueta de apertura; por ejemplo, en <a href=”…”> el atributo href indica la dirección de destino del enlace.
- Contenido. Es el texto o el elemento que muestra la etiqueta; por ejemplo, en <b>Hola</b> el contenido es la palabra «Hola».
- Etiqueta de cierre. La mayoría de las etiquetas se cierran con una barra, como </b>, para indicar dónde termina su efecto. Algunas, como <img>, no llevan cierre porque no envuelven contenido.
Para qué sirve una etiqueta HTML
La utilidad de una etiqueta es doble: por un lado, estructura el contenido de la página en secciones lógicas —cabecera, cuerpo, párrafos, listas— y, por otro, le indica al navegador cómo representar visualmente cada parte. Gracias a las etiquetas, el mismo texto puede convertirse en un titular destacado, en un enlace que lleva a otra página o en una imagen. Además, un código bien etiquetado ayuda a los buscadores a entender la página, lo que repercute en el posicionamiento (SEO) y en la accesibilidad para personas que utilizan lectores de pantalla.
Las etiquetas más utilizadas en HTML
Existen decenas de etiquetas, pero algunas forman parte de prácticamente cualquier documento HTML:
<html>
Envuelve todo el documento e indica al navegador que el contenido está escrito en HTML. Es la etiqueta raíz de la que dependen todas las demás.
<head>
Contiene la información que no se ve directamente en la página, como los metadatos, la codificación de caracteres o los enlaces a las hojas de estilo y los scripts.
<body>
Delimita el cuerpo del documento, es decir, todo el contenido visible: textos, imágenes, enlaces, formularios y demás elementos con los que interactúa el usuario.
<title>
Define el título de la página, que aparece en la pestaña del navegador y que los buscadores muestran en los resultados. Es un elemento clave para el SEO.
<a>
Crea los enlaces o hipervínculos. Mediante el atributo href se indica la dirección a la que apunta, ya sea otra página del mismo sitio o un recurso externo.
Encabezados <h1> a <h6>
Definen los títulos y subtítulos del contenido, ordenados por jerarquía: <h1> es el más importante y <h6> el de menor nivel. Ayudan a organizar el texto y a que los buscadores comprendan su estructura.
<img>
Inserta imágenes en la página. A través de sus atributos se indica la ruta del archivo (src) y un texto alternativo (alt) que describe la imagen para los buscadores y para quienes usan lectores de pantalla.
<font>
Servía para definir el tipo, el tamaño y el color de la fuente. Hoy está en desuso: estas tareas se realizan con CSS, que separa el diseño del contenido y facilita el mantenimiento de la web.
Cómo se combinan las etiquetas en un documento
Las etiquetas no funcionan de forma aislada, sino que se anidan unas dentro de otras siguiendo una jerarquía. Un documento básico empieza por <html>, que contiene a su vez <head> y <body>; dentro del cuerpo se colocan los encabezados, los párrafos, las imágenes y los enlaces. Respetar este orden es importante: si una etiqueta se abre dentro de otra, debe cerrarse antes que la que la contiene. Un código bien anidado y ordenado es más fácil de mantener, se interpreta igual en todos los navegadores y reduce los errores de visualización. Por eso, al aprender HTML conviene fijarse no solo en qué hace cada etiqueta, sino también en cómo se relacionan entre sí dentro de la estructura general de la página.
De las etiquetas al alojamiento web
Una vez que has escrito tu documento HTML, necesitas un lugar desde el que servirlo a los visitantes. Aquí entra en juego el alojamiento: los archivos se suben a un servidor de hosting que los entrega al navegador cada vez que alguien visita la web. Un alojamiento con discos NVMe y tecnología LiteSpeed sirve esos archivos con rapidez, de modo que las páginas se cargan antes y la experiencia mejora, sobre todo en sitios con mucho tráfico.
Preguntas frecuentes
¿Todas las etiquetas HTML se cierran?
No. La mayoría se escriben en pareja, con una etiqueta de apertura y otra de cierre, como <p> y </p>. Sin embargo, algunas etiquetas no envuelven contenido y no necesitan cierre, como <img> o <br>.
¿Qué diferencia hay entre etiqueta y atributo?
La etiqueta define el elemento y su función, mientras que el atributo aporta información adicional sobre ese elemento. Por ejemplo, en <a href=”…”> la etiqueta es <a> y href es el atributo que indica el destino del enlace.
¿Necesito saber HTML para publicar una web?
No es imprescindible. Con un gestor como WordPress o un creador de páginas puedes publicar sin escribir código, aunque conocer las etiquetas básicas te ayuda a personalizar el contenido y a mejorar el SEO de tu sitio.
Hosting en España con soporte real en español, migración gratis, SSL incluido y 30 días de garantía. Sin líos y sin costes ocultos.
Ver planes de hosting →
