indice del tema
Antes de hablar de su origen, es importante entender qué es el HTML y cuáles son sus partes.
En primer lugar debemos mencionar que el HTML tiene un significado que es la de HyperText Markup Language, que traducido al español significa el Lenguaje de Marcado Hipertexto. Pero debemos saber que no es un lenguaje de programación como por ejemplo conocemos el JavaScript o también el Phyton. Este es un lenguaje marcado lo cuál significa que solamente se usa para poder estructurar los contenidos de las páginas web.
Un archivo HTML básico está formado por elementos como:
Etiquetas: como <h1>
, <p>
, <a>
, que definen el tipo de contenido.
Atributos: que dan información adicional, por ejemplo, href
en un enlace.
Contenido: el texto, imagen o elementos que verás en la web.
Comentarios: como <!-- Esto es un comentario -->
, que no se muestran en la web.
Un ejemplo muy simple de HTML sería este:
<!DOCTYPE html>
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<h1>Hola, mundo</h1>
<p>Este es mi primer sitio web.</p>
</body>
</html>
El origen de HTML se remonta aproximadamente a los finales de los 80, cuando en aquella ocasión Tim Berners-Lee de nacionalidad británica que trabajaba en el CERN (Centro Europeo de Investigación Nuclear), venía buscando alguna manera de poder compartir informaicón entre muchos Investigadores de diferentes países.
En 1989, Berners-Lee propuso un sistema de "hipertexto" que permitiría enlazar documentos entre sí a través de una red: la World Wide Web. En 1991, desarrolló la primera versión de HTML, que contenía solo unas pocas etiquetas como <title>
, <p>
, <h1>
, <a>
y <ul>
.
La idea era simple: un lenguaje que estructurara la información y permitiera enlazar documentos entre sí.
Dato curioso: El primer sitio web de la historia aún está disponible y fue creado por Tim Berners-Lee en info.cern.ch.
Cuando hablamos de incorporar HTML, nos referimos a incluir este lenguaje dentro de otros entornos para que los navegadores puedan mostrar contenido web. Por ejemplo:
En un sitio web hecho desde cero.
Dentro de un CMS como WordPress.
En correos electrónicos con contenido enriquecido.
En aplicaciones híbridas móviles.
Incorporar HTML permite que los navegadores entiendan cómo debe mostrarse el contenido: si es un texto, una imagen, un botón, un formulario o un enlace.
Todo el código HTML siempre comienza con una estructura base, que por ejemplo le dice al navegador que se trata justamente de un docuemtno HTML. A continuación te dejamos como ejemplo una plantilla básica:
<!DOCTYPE html>
<html>
<head>
<title>Mi sitio web</title>
</head>
<body>
<!-- Contenido aquí -->
</body>
</html>
<!DOCTYPE html>
indica el tipo de documento.
<html>
es la raíz del documento.
<head>
Este apartado va a acontener la meta-informaicón como por ejemplo el título o d ela misma forma los enlaces a las hojas de estilo.
<body>
contiene el contenido visible para los usuarios.
En GeeksforGeeks, una plataforma de referencia para desarrolladores, se explica que HTML ha pasado por muchas versiones desde su origen:
Versión | Año | Novedades |
---|---|---|
HTML 1.0 | 1991 | Solo texto básico |
HTML 2.0 | 1995 | Formularios y tablas |
HTML 3.2 | 1997 | Scripts y estilos |
HTML 4.01 | 1999 | Más elementos estructurales |
HTML5 | 2014 | Video, audio, APIs y más |
HTML5 es la versión actual y permite crear aplicaciones web interactivas sin necesidad de plugins externos como Flash.
El que inventó fue Tim Berners-Lee, en el año de 1991 esto claro mientras trabajaba en el CERN.
Como ya hemos mencionado no biene a ser netamente un lenguaje de programación ya que es un Lenguaje de marcado y que es muy usado para poder estructurar el contenido de la web.
HTML5 es una evolución de HTML con nuevas funciones para videos, audios, formularios avanzados y mejor compatibilidad con dispositivos móviles.
El HTML ah marcado el inciio de la web Moderna . Gracias a este lenguaje, millones de páginas web existen hoy en día. Desde su humilde inicio con unas pocas etiquetas hasta su versión más avanzada, HTML ha sido el pilar fundamental del mundo digital.
Ahora que sabes cómo se inicia el código HTML, qué significa incorporar HTML, y conoces su origen y evolución, estás un paso más cerca de comprender cómo funciona la red más grande del mundo.
Tipos de amenazas informaticas: guía completa para principiantes ¿Sabías que cada día millones de personas…
¿Que es y para que sirve un switch? Imagina que llegas a una oficina donde…
¿Que es un punto de acceso WiFi? Imagina que llegas a un lugar donde hay…
¿Alguna vez te has preguntado por qué tu proveedor de Internet te entrega un equipo…
¿Tu Internet va lento justo cuando más lo necesitas? 🤔 Imagina que estás en una…
¿Cómo solucionar el Canon E16 error? Guía fácil paso a paso Al momento que enciendes…