Qué es una etiqueta en HTML

Por Felipe

Publicado en:

El lenguaje HTML es la base de la programación web y está presente en todos los sitios web a los que se accede a través de un navegador. Junto a otros lenguajes como el PHP, CSS o JavaScript, el HTML permite desarrollar páginas web y tiendas virtuales dinámicas, donde los usuarios pueden interactuar con el contenido y las funciones que se les ofrecen.

HTML es un lenguaje de marcado que utiliza una serie de etiquetas para dar las instrucciones al navegador web sobre cómo debe mostrar el contenido. Para poder programar en HTML es necesario conocer las funciones de las distintas etiquetas disponibles.

A continuación, veremos qué es una etiqueta en HTML, cuál es su utilidad y qué etiquetas son las más utilizadas.

 

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. Cuando se escribe código en este lenguaje se utilizan las etiquetas para indicar lo que se quiere hacer y cómo se hará.

Las etiquetas en HTML se encuentran dentro de los símbolos “<>” (<title>, <p> o <div>, por ejemplo) y pueden contener distintos atributos (<font color = ”white”>). Algunas etiquetas requieren un cierre para lo cual se utiliza el símbolo “/” (<a href = “https://www.hostingplus.mx”>Hostingplus</a>).

Gracias a las etiquetas HTML el desarrollo de páginas web es independiente del idioma, el sistema operativo o el dispositivo que se utilice. Se trata del estándar internacional para la creación de sitios web.

 

Cuáles son las partes de una etiqueta HTML

Una etiqueta HTML puede contener cuatro partes fundamentales:

  • Elemento. Es el propio nombre de la etiqueta y define su función, por ejemplo <body>.
  • Contenido. Es el texto que muestra la etiqueta, por ejemplo <b>Hola</b>.
  • Atributo. Son las características que se pueden variar de cada elemento y que permiten personalizar el contenido, por ejemplo <font color = “red”>.
  • Valor o variable. Es el valor que se pueden asignar a los atributos de cada elemento, por ejemplo <font font= “Roboto”>.

 

Para qué sirve una etiqueta HTML

HTML y sus etiquetas son esenciales para la programación web actual pues son la forma en la que un navegador web puede interpretar el contenido de un sitio web para mostrarlo de forma correcta a los usuarios.

Las etiquetas HTML son fragmentos de código que se utilizan para crear la estructura básica de una página web en HTML.

 

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

A pesar de que la lista es larga, las principales etiquetas que se usan en HTML y que se pueden encontrar en la mayoría de páginas web son:

 

Etiqueta <html>

Esta etiqueta define todo el contenido de la página web. Dentro de esta etiqueta se incluyen el resto de etiquetas y elementos de HTML, definiendo el documento entero dentro de una página (<html>todo el código HTML de la página<html>).

 

Etiqueta <head>

Dentro de esta etiqueta se incluyen todos los datos del documento que no se muestran al usuario como los enlaces a scripts de JavaScript o las metaetiquetas (meta-tags). Es una de las dos principales etiquetas que estructuran un documento HTML, junto a la etiqueta body.

 

Etiqueta <body>

Dentro de esta etiqueta se muestra todo el contenido que el usuario que accede a la web puede ver como las imágenes, los textos y los enlaces, entre otros. Su nombre “body” hace referencia a su función como “cuerpo” del documento HTML.

 

Etiqueta <Title>

Con la etiqueta title se define el nombre de la página web. Esta etiqueta o meta etiqueta va dentro de la etiqueta head y es fundamental para optimizar la web y que los motores de búsqueda la incluyan en su ranking utilizando su título. Cuando un usuario encuentre la web en Google u otro buscador, se le mostrará el título proporcionado por la etiqueta HTML title (así como la descripción contenida en la etiqueta description).

 

Etiqueta <a>

La etiqueta <a> es una de las más importantes dentro del lenguaje HTML pues tiene la función de convertir su contenido (texto o imágenes) en hipertexto, es decir, en un enlace que cuando el usuario haga clic sobre él, le lleve a otro lugar definido de la web (o externo a la misma).

 

Etiqueta heading tags <H1…H6>

Estas etiquetas definen la estructura del contenido, siendo H1 el título del contenido, H2 los subtítulos o sub encabezados, y así sucesivamente de forma jerárquica. Este tipo de etiquetas ayudan a estructurar el contenido y facilitar su comprensión a los usuarios y a los motores de búsqueda.

 

Etiqueta <IMG>

La etiqueta IMG se utiliza para insertar imágenes dentro de una página web. Configurando sus distintos atributos se puede modificar las dimensiones de la imagen mostrada.

 

Etiqueta <font>

Con esta etiqueta HTML se asigna un tipo de fuente con distintas características a un texto, dentro de un documento HTML.

 

Hemos hablado sobre qué son las etiquetas de HTML y para qué sirve la etiqueta HTML en el desarrollo web. Existen muchas etiquetas en HTML para poder crear y personalizar una página web, desde las etiquetas <html>, <body> y <head) que definen la estructura del documento, hasta etiquetas como <img>, <a>, <font> o <table>, que definen los distintos elementos dentro de una web.