Qué es una etiqueta en HTML

Por Felipe

Publicado en:

Una etiqueta en HTML es una instrucción que se escribe entre los signos menor que y mayor que, y que le indica al navegador web cómo mostrar y estructurar el contenido de una página. Las etiquetas marcan títulos, párrafos, imágenes, enlaces y otros elementos para que el navegador los interprete correctamente y los muestre como corresponde.

Qué son las etiquetas de HTML

Las etiquetas de HTML son instrucciones que se escriben en este lenguaje para que el navegador web pueda mostrar el contenido a los usuarios. El lenguaje HTML es la base de la programación web y está presente en todos los sitios a los que accedemos desde un navegador. Junto con otros lenguajes como PHP, CSS o JavaScript, el HTML permite desarrollar páginas web y tiendas virtuales dinámicas, donde las personas interactúan con el contenido y las funciones que se les ofrecen. Al ser un lenguaje de marcado, el HTML utiliza estas etiquetas para indicarle al navegador qué es cada parte del documento: un título, un párrafo, una imagen o un enlace. Para programar en HTML es necesario conocer las funciones de las distintas etiquetas disponibles y cómo se combinan entre sí.

Cuáles son las partes de una etiqueta HTML

La mayoría de las etiquetas HTML tienen tres partes. La etiqueta de apertura, formada por el nombre del elemento entre los signos < y > (por ejemplo, <p>). El contenido, que es el texto o los elementos que van dentro. Y la etiqueta de cierre, idéntica a la de apertura pero con una barra inclinada (por ejemplo, </p>). Existen también etiquetas vacías o de cierre automático, como la de imagen, que no necesitan etiqueta de cierre. Además, muchas etiquetas admiten atributos dentro de la apertura, que aportan información adicional, como la dirección de un enlace o la ruta de una imagen.

Para qué sirve una etiqueta HTML

Una etiqueta HTML sirve para dar instrucciones al navegador sobre cómo mostrar y organizar cada elemento de la página. Sin etiquetas, el navegador solo vería texto plano, sin saber qué es un título, dónde empieza un párrafo o cuál palabra debe convertirse en enlace. Gracias a ellas se construye la estructura del documento, se define la jerarquía del contenido y se habilita la interacción. Una correcta utilización de las etiquetas también es clave para el SEO, ya que ayuda a los buscadores como Google a entender de qué trata cada sección de tu web y a posicionarla mejor en los resultados.

Cuáles son las etiquetas que más se usan en HTML

Etiqueta <html>

Es la etiqueta raíz que envuelve todo el documento e indica al navegador que el contenido está escrito en HTML.

Etiqueta <head>

Contiene la información sobre el documento que no se muestra directamente, como los metadatos, los enlaces a hojas de estilo y el título de la pestaña.

Etiqueta <body>

Encierra todo el contenido visible de la página: textos, imágenes, enlaces, formularios y demás elementos con los que interactúa el usuario.

Etiqueta <title>

Define el título de la página que aparece en la pestaña del navegador y que los buscadores muestran en sus resultados, por lo que es muy importante para el SEO.

Etiqueta <a>

Crea los enlaces o hipervínculos que permiten navegar de una página a otra mediante el atributo href.

Etiquetas de encabezado <h1> a <h6>

Definen los títulos y subtítulos del contenido, ordenados por importancia, desde el <h1> (el más relevante) hasta el <h6>. Organizan la jerarquía del texto y ayudan al SEO.

Etiqueta <img>

Inserta imágenes en la página mediante el atributo src, que indica la ruta del archivo, y admite el atributo alt para describir la imagen.

Etiqueta <font>

Se usaba para definir el tipo, tamaño y color de la fuente. Hoy está obsoleta y su función se realiza con hojas de estilo CSS, pero conviene conocerla porque aparece en código antiguo.

Etiquetas semánticas: la evolución del HTML

Con la llegada de HTML5 aparecieron las etiquetas semánticas, que describen el significado de cada parte de la página y no solo su apariencia. Etiquetas como <header> (cabecera), <nav> (menú de navegación), <section> (sección), <article> (artículo) y <footer> (pie de página) facilitan que tanto los navegadores como los buscadores comprendan la estructura del contenido. Usarlas correctamente mejora la accesibilidad para personas con discapacidad y favorece el posicionamiento, porque le entregas a Google un contexto mucho más claro de tu página.

Cómo se estructura un documento HTML básico

Un documento HTML sigue siempre una estructura ordenada que conviene conocer. En la primera línea va la declaración <!DOCTYPE html>, que le indica al navegador que se trata de un documento HTML5. Después se abre la etiqueta <html>, que contiene dos grandes bloques: el <head>, donde se colocan los metadatos, el título y los enlaces a los estilos; y el <body>, donde va todo el contenido visible. Dentro del cuerpo se anidan los encabezados, los párrafos, las imágenes y los enlaces. Respetar esta jerarquía y cerrar correctamente cada etiqueta es esencial para que la página se muestre bien en todos los navegadores y dispositivos, desde una computadora hasta un celular.

Tu web en HTML necesita un buen hosting

Dominar las etiquetas HTML es el primer paso para crear una página; el segundo es publicarla en un servidor confiable. Por más limpio que sea tu código, los usuarios y los buscadores notarán si tu sitio carga lento o se cae. En HostingPlus, el hosting N°1 del Perú, tu web funciona sobre discos SSD/NVMe y tecnología LiteSpeed para cargar a máxima velocidad, con certificado SSL y migración incluidos, soporte 24/7 y garantía de 30 días. Operamos desde el 2004 con datacenter en Orlando (EE. UU.). Si ya tienes tu sitio en HTML o estás por crearlo, revisa los planes de hosting de HostingPlus y publícalo sobre una base sólida.

Preguntas frecuentes

¿Toda etiqueta HTML necesita cierre?

La mayoría se abren y se cierran, como <p> y </p>. Sin embargo, existen etiquetas vacías o de autocierre, como <img> o <br>, que no necesitan etiqueta de cierre porque no contienen otros elementos en su interior.

¿Las etiquetas HTML influyen en el SEO?

Sí. Etiquetas como <title>, los encabezados <h1> a <h6> y el atributo alt de las imágenes ayudan a los buscadores a entender la estructura y el tema de tu página, lo que favorece tu posicionamiento en los resultados de búsqueda.

¿Necesito saber HTML para tener una página web?

No es imprescindible. Puedes usar un creador de páginas web o un gestor como WordPress. Aun así, conocer las etiquetas básicas te ayuda a personalizar tu sitio. Lo que sí necesitas es un buen hosting; revisa las opciones y precios en soles de HostingPlus.

¿Tu web necesita el hosting N°1 del Perú?

Hosting peruano con soporte real 24/7, migración gratis, SSL incluido y 30 días de garantía. Desde S/.70 al año.

Ver planes de hosting →

Artículos relacionados

Conoces otras alternativas a cPanel totalmente gratuitasDesarrollando tu Presencia: Claves para Construir un Sólido Brand AwarenessCómo saber el hosting de una web