¿Qué es HTML y para qué sirve?

Foto de referencia
Elisa foto

Elisa

Mayo 26, 2023 · 5 minutos de lectura

La programación es vista como una disciplina contemporánea, pero debes saber que sus raíces son más antiguas de lo que parece. De hecho, se remontan a la época en la que los ordenadores ocupaban habitaciones enteras (sí, eso sucedió). En este artículo te presentamos uno de los lenguajes más conocidos (y consolidados). Descubre qué es HTML.

Lenguaje HTML: más útil de lo que crees

¿Sabes quién es Tim Berners-Lee? Quizá te suene a otra generación, pero la realidad es que se trata del responsable de las «www» que ves por todos lados. Fue uno de sus creadores, pero también dio lugar al código HTML, sin el que no se podría entender Internet. Bueno, siempre hay alguno que ni con esas, ¿verdad? Pues ahora te contaremos más sobre qué es HTML.

En la actualidad es el lenguaje más utilizado en el planeta, incluso por encima de Phyton. La razón es que la inmensa mayoría de páginas web está elaborada con este sistema. Imagina ponerte a cambiar el código de todas, una por una, para actualizarlas. Pues, como nadie ha querido hacer eso, así siguen.

Destaca, en primer lugar, por su increíble sencillez. Y es que solo tienes que controlar las etiquetas para dominarlo. Lo importante es aprendérselas para usarlas de manera fluida, siempre con una adecuada sintaxis. Probablemente, lo sepas, pero un pequeño desliz en una letra provoca un error de programación que, en ocasiones, puede ser complicado de encontrar.

La utilidad de este medio va más allá de lo que cabría imaginar. La realidad es que no solo es la base de muchas webs, sino también de aplicaciones. Incluso las páginas que tienen vídeos incrustados como fondo recurren, por resultar más sencillo, a este código. Con el paso de los años, se ha ido compatibilizando con otros para adaptarse a los nuevos tiempos.

Retrocedemos a 1980 para conocer cuándo surgió el lenguaje HTML. Muchos seguirán pensando —igual es tu caso— que de eso hace ya 20 años, pero sentimos decirte que han pasado más de 40. Bueno, de cualquier modo, lo importante es que este medio lleva cuatro décadas en nuestros ordenadores, para lo que ha sido vital su capacidad de actualizarse.

Un trabajador del CERN llamado Tim Berners-Lee tuvo la idea de generar un sistema de hipertexto. Presentó su propuesta a un concurso elaborado en la organización y… ¿qué crees que pasó? Pues ganó, con bastante mérito, dado que acababa de crear la Word Wide Web, que es la base de lo que conocemos como la red.

Durante los siguientes años fue perfeccionando su código hasta que distintas organizaciones decidieron estandarizarlo e incorporarlo en sus futuros proyectos. 15 años después (los comienzos nunca son fáciles) se publicó la primera versión oficial, denominada HTML 2.0. Poco después también incluiría textos más complejos y medios del lenguaje Java.

En 1999 se lanzó la última versión bajo el nombre de HTML 4.01. Cuesta creerlo, pero, desde entonces, no se ha vuelto a actualizar. Los profesionales en programación habían perdido su interés hacia un medio que consideraban obsoleto. Bueno, eso por no hablar de que la low-code revolution llegó para ponerles las cosas más fáciles.

Sin embargo, todo cambió en 2004, cuando Apple decidió recuperar el proyecto para incentivar su uso. Junto con Opera y Mozilla (sí, esos navegadores que nadie usa pero están ahí), lanzó WHATWH (Web Hypertext Application Technology Working Group). Fruto de esa propuesta, surgió una que, posiblemente, sí conocerás: XHTML.

Conoce las etiquetas HTML

Las etiquetas HTML son como la plastilina que vas moldeando (qué comparación). Cuando escoges una y le das forma, estás dando instrucciones a tu ordenador para que las interprete de un modo u otro. Son fragmentos de texto que siempre están enmarcados en los símbolos «<» y «>». Igualmente, tienen su versión de inicio y cierre y ambas resultan fundamentales.

Están organizadas en distintos tipos según la función que posee cada una:

  • <body> es la que da forma al contenido principal de un texto.
  • <p> es el que articula los distintos párrafos de un texto.
  • <br> incorpora un salto de línea para continuar en otro párrafo inconexo.
  • <div> introduce divisiones entre el texto, como márgenes entre párrafos.
  • <head> da información sobre qué es un determinado texto para que la web lo interprete.
  • <strong> hace que el texto quede en negrita.
  • <img> incluye imágenes en el texto.
  • <a> sirve para incorporar enlaces (hipervínculos).
  • <span> modela los estilos y es la base más primigenia del diseño web.

Por otro lado, están los encabezados (subtítulos), distribuidos en seis niveles jerárquicos. La etiqueta <H1> es el título de la sección en sí, mientras que los demás se van dividiendo hasta llegar al <H6>. ¿Podríamos añadir más? Sí, pero ten en cuenta que cada uno es más pequeño que el anterior, por lo que llegaría un momento en el que tendrías que usar lupa.

El HTML y su estructura básica

Como has podido ver hasta ahora, este lenguaje no es, en sí, complicado. Pero todavía te queda algo por conocer. Y es su estructura principal. Una cosa más sobre qué es HTML. Consta de tres partes:

  • Etiqueta de apertura. Informa al ordenador de que va a haber un código.
  • Contenido. Es lo que adquiere formato, es decir, lo que ve el público.
  • Etiqueta de cierre. Confirma la intención que tienes y hace que el ordenador la procese.

Estos tres puntos conforman, a su vez, el elemento. Este término tan genérico (no te esperes nada original, pues hace 40 años de esto) es la unidad básica de este lenguaje. Hay otros complementarios, como el nombre, que da información adicional; o el atributo, que otorga todavía más precisión.

Después de leer este artículo, esperamos que hayas comprendido qué es HTML. Como te hemos demostrado, no supone un desafío inabordable, pero sí requiere que le dediques tiempo. Con los bootcamps tendrás una oportunidad estupenda para formarte y avanzar en tu carrera profesional. ¡Descubre qué oportunidades tienes ante ti!

¿Te parece fascinante el mundo de la programación? Tenemos otros contenidos en Twitter sobre este tema. Incluso estamos despuntando en Instagram TikTok, así que te invitamos a seguirnos.

También te puede interesar

Estudia ahora, paga después

Con nuestro modelo de Acuerdo de Ingresos Compartidos (ISA), puedes estudiar sin costes y pagar solo cuando obtienes trabajo. Descubre los cursos, que te lo pagamos:

¿No sabes como avanzar en tu carrera?

Descubre la formación ideal para ti

¡Te ayudamos a pagarla!