fbpx

HTML

HTML es la primera pieza que necesitas para construir una página web, ya que en ella se determina la estructura y la forma de presentar el contenido. Se utiliza junto con otros lenguajes, como CCS y JavaScript, para definir la apariencia y la funcionalidad de un sitio web.

A continuación, te contamos un poco acerca de qué es HTML y para qué sirve HTML.

¿Qué es HTML?

HTML son las siglas de Hyper Text Markup Language, o Lenguaje de Marcas de Hipertexto y que puede hacerte intuir cuál es el objetivo del HTML.

Es un lenguaje de programación basado en etiquetas, utilizado para definir el formato de los textos que van en la web. Los navegadores las interpretan y muestran los documentos en el formato asignado.

Las etiquetas definen cuál es la fuente de los caracteres, la jerarquía de las diferentes partes del texto, su distribución en la página y cómo debe verse el contenido en un navegador.

Historia de HTML

Para hablar de la historia de HTML es necesario hacer un viaje al pasado.

En 1958, Dwight Eisenhower, el entonces presidente de los Estados Unidos, ordenó la creación de la agencia ARPA (Advanced Research Projects Agency), dedicada al desarrollo de proyectos de investigación avanzada.

En 1962, esta agencia inicia el programa de investigación computacional bajo la dirección de Lawrence G. Roberts, procedente del MIT (Instituto Tecnológico de Massachusetts). El programa de comunicaciones nace en 1966.

Entonces fue desarrollado ARPANET, cuya finalidad era distribuir y compartir comunicaciones y recursos informáticos entre científicos basado en la conmutación de paquetes.

A partir de ahí continuaron los trabajos de investigación en los que participaron científicos de todo el mundo hasta llegar al Internet que todos conocemos. Para ello se necesitó crear un lenguaje estandarizado, que ahora conocemos como HTML.

¿Cuál es la historia de HTML?

Son muchos los detalles relacionados con el desarrollo de este lenguaje. Aquí te traemos una breve historia de HTML para que puedas saber un poco de sus orígenes.

En 1980 Tim Berners-Lee presentó un método para compartir documentos, al que llamó “sistema de hipertexto”. Unió esfuerzos con el ingeniero en sistema Robert Cailliau y presentaron su propuesta a la que llamaron World Wide Web.

En 1993 el IETF (Engineering Task Force) propuso que el HTML se convirtiese en estándar, pero sin éxito. Fue en 1995 cuando publicaron el HTML 2.0 como el primer estándar oficial.

El World Wide Web Consortium, también conocido como W3C, es la organización dedicada a estandarizar los parámetros utilizados en la red y define todo sobre HTML, considerado el lenguaje más importante y de mayor uso.

Como funciona HTML

El HTML funciona basado en marcadores con los que se cifra la apariencia y estructura de las páginas web. También define las rutinas o scripts que funcionan en ellas.

Los marcadores se reconocen porque se representan con los símbolos de comillas angulares. Por ejemplo, <head> es la cabecera de la página, y cierra con </head>; es decir, todo lo que esté entre ambos códigos corresponde a la cabecera: 

<head>

   <title>La historia de Internet </title>  
   <meta http-equiv="Refresh" content="20">
  
</head>

Aquí la cabecera contiene el título del sitio con la etiqueta “title” y una instrucción para que cargue la página de nuevo a los 20 segundos.

De este modo, mediante las etiquetas se construye un código fuente que indica a los navegadores la forma en que debe presentarse un sitio en la pantalla.

El lenguaje HTML está conformado por diversos componentes divididos en dos grandes grupos:

Los elementos, que se utilizan para representar el contenido y sus atributos; también definen el punto de inicio y de cierre de una cadena de comandos.

Los atributos, que especifican valor, posición y color, entre otros, para los elementos incluidos en el código. Se trata de instrucciones numéricas o lógicas.

¿Qué es una etiqueta HTML?

Una etiqueta HTML es una instrucción que forma parte del código; es una de las características de HTML que se reconocen por estar cerradas en los símbolos < y >. Las etiquetas son interpretadas por el navegador, que las traduce en la apariencia que vemos al acceder a un sitio web.

La etiqueta siempre abre con <> y cierra con </>, colocando entre los símbolos la palabra correspondiente a la instrucción. Por ejemplo:

<title>La historia de Internet </title>

Todo lo que aparece entre la etiqueta de apertura y la de cierre será el título de la página web. Sin los símbolos que indican el inicio y el fin de la instrucción, la página dará error.

Estos son algunos ejemplos de etiquetas:

  • <HTML> … </HTML>. Delimita toda la página web.
  • <head> … </head>. Delimita la cabecera de una página web y contiene instrucciones que sirven para que los navegadores encuentren e interpreten la página de forma correcta.
  • <title> … </title>. Es el título principal que se muestra en la barra del título en la ventana del navegador y va incluido dentro de la cabecera (head).
  • <body> … </body>.Esta etiqueta contiene el cuerpo de la página y consiste en las imágenes y texto mostrados en la página que a su vez tienen etiquetas que indican cómo deben verse.
  • <h1> … </h1>. Son los encabezados y pueden definirse para diferentes niveles: h1, h2, h3… hasta h6.
  • <p>… </p>. Esta etiqueta indica que se trata de un párrafo de texto normal.
  • <b>…</b>. Se utiliza para poner las palabras en negrita.

HTML tiene etiquetas para cada instrucción que queramos colocar en nuestro sitio web.

Ventajas y desventajas de HTML

HTML es un lenguaje que nos permite estructurar los documentos, con sus ventajas y desventajas.

Entre las ventajas de HTML podemos mencionar:

  • Se trata de un lenguaje muy sencillo que resulta fácil de aprender, leer, interpretar y utilizar.
  • Gracias a su simplicidad permite diseñar y publicar un sitio web con rapidez.
  • Muchas aplicaciones y editores de páginas web, como WordPress, generan el código de forma automática; por lo tanto, no es necesario tener experiencia para realizar páginas basadas en lenguaje HTML.
  • Es un código visible para los buscadores.
  • Es el lenguaje de diseño de páginas web más utilizado, por lo que todos los navegadores están programados para interpretarlo.

Las desventajas del HTML son:

  • No permite el manejo de base de datos por tratarse de un lenguaje estático.
  • Los navegadores pueden interpretar las páginas de forma diferente cambiando su aspecto original.
  • Tiene funciones muy limitadas.

Con el tiempo, el HTML ha evolucionado, creando nuevas versiones. Continúa leyendo para descubrir qué es HTML5 en informática.

HTML5

HTML5 es la versión más reciente de HTML. Incluye nuevos atributos, elementos y comportamientos.

Para saber qué es HTML5 solo tienes que entender que es una versión que permite la comunicación con los servidores de nuevas e innovadoras maneras: las páginas web pueden almacenar datos de forma local en el cliente y funcionar de forma más eficiente cuando se trabaja sin conexión.

El soporte para contenido multimedia es mucho más eficiente que en la versión anterior; además, permite trabajar con comodidad las características que ofrecen los gráficos y efectos 2D y 3D, como WebDL, SVG y Canvas, entre otros.

Conociendo todo sobre HTML5 podemos ser más precisos al describir los contenidos. Ofrece diferentes opciones para realizar diseños más complejos y suministra APIs para usar componentes internos de entrada y salida de los dispositivos.

Esperamos que te hayamos resuelto tus dudas y ya sepas qué es HTML en informática.



Share This