HTML: LENGUAJE DE MARCAS DE HIPERTEXTO

HTML

 

El HTML o Lenguaje de Marcas de Hipertexto es lo que da estructura y significado al contenido de una página web. Esto lo logra por medio de los hipertextos, conocidos como etiquetas. El hipertexto nos ayuda a conectar páginas web entre sí, ya sea dentro de un sitio o entre diferentes sitios web. Es importante recordar que los enlaces son un pilar esencial de la World Wide Web.

El lenguaje HTML nos da la oportunidad de tener una estructura lógica dentro de una web, tanto para máquinas como para seres humanos. Esto se logra por medio de una especie de árbol donde hay elemento que se ve como raíz y las etiquetas que se van insertando como si fueran las ramas. Lo mejor es que para crear un documento HTML sólo es necesario un editor de texto. El propio editor de notas es suficiente.

Conocer HTML definitivamente es indispensable para el desarrollo de una página web. Por eso, para crear nuestro propio sitio, es necesario contar con un desarrollador web

Los CMS facilitan el trabajo de diseño web. A pesar de ello, es habitual tener que realizar cambios y mejoras que requieren de un conocimiento de html y otros lenguajes de programación. 

Como cualquier lengua, el HTML cuenta con una gramática propia, por decirlo de algún modo. Hay una serie de normas que regulan las etiquetas que se deben utilizar y cómo emplearlas. También indican su significado y la relación que tienen entre ellas. En esta entrada te vamos a contar la historia y principales características del HTML

HISTORIA DEL HTML

La historia del HTML empieza en 1989 cuando el investigador Tim Berners-Lee lo inventa con el fin de compartir artículos científicos. La primera versión sólo contaba con 18 etiquetas para texto. Lo que lo hacía especial es que podía ligar varios documentos con el hipertexto. Todo esto se podía visualizar en un navegador llamado World Wide Web.

Posteriormente surge el Internet Engineering Task Force. Esto se volvió tan relevante que surgió el World Wide Web Consortium (W3C) en 1993, un organismo que determinó las reglas para el HTML.  

En 1996 llegó la versión HTML 3.2 la cual ha sido una de las más completas y que ha marcado la historia del HTML hasta nuestros días.

Es importante mencionar que en este tiempo se utilizaba un navegador de nombre NSCA Mosaic. Posteriormente se lanzó la primera versión de Netscape, quien en unos cuantos meses era usado por la mayoría de los usuarios en internet. 

En la evolución de internet jugaron un papel fundamental otros lenguajes de programación. La introducción de Java o JavaScript dio más forma a la segunda versión de HTML. Gracias a este lenguaje se podían implementar tablas, imágenes, tipografías e incluso colores. Posteriormente surgió el CSS (hojas de estilo en cascada) con el que se da estilo y forma a los textos. 

En la tercera versión de HTML se incluyen las etiquetas específicas para los navegadores web como Internet Explorer. Sin embargo, esta decisión sólo causó caos y problemas. Por esta razón se decidió hacer un cambio hacia un estándar único. 

En esta nueva versión se incluyeron etiquetas como <a>, <estilo>, <java> y <DIV>. Es así que en la versión HTML 4.0 se agregan los botones y el iFrame para poder tener sitios dentro de otros sitios. En 2014 se desarrolló la quinta versión de HTML. Esta actualización llegó con un sin fin de audios, vídeos e inputs.

¿QUÉ ES Y PARA QUÉ SIRVE HTML?

Ahora que tenemos presenta la historia es importante saber qué es y para qué sirve el HTML. Este concepto debe sonarte muy familiar ya que es uno de los pilares básicos de cualquier sitio. Aunque ya te hemos dado una definición es un poco complicado tenerlo claro. 

Como te hemos comentado antes, el HTML es un lenguaje de programación. Pero para entender para qué sirve, es necesario tener claro qué son las etiquetas. Para ello imagínate que el sitio web es un cuento y las partes que tiene este cuento (planteamiento, nudo y desenlace) son las etiquetas. Estas etiquetas cumplirán una doble función:

  • Ordenar nuestro sitio
  • Permitir que los motores de búsqueda nos encuentren 

Para identificarlas las etiquetas se deben colocar entre los siguientes caracteres: “<” y “>”. Ejemplo: <nombre de etiqueta>. Cuando queremos iniciar una etiqueta sólo debe seguirse esta regla. 

Sin embargo, para una etiqueta de cierre es necesario introducir una diagonal (“/”) antes del texto. Ejemplo: </etiqueta de cierre>. Por otro lado tenemos el código HTML el cual debe iniciar con una etiqueta HTML.

En el caso concreto de las imágenes debe colocarse el atributo “img src”. Este nos ayuda a indicar en dónde está alojada la imagen que vamos a mostrar. Ejemplo: <img scr=”x”>. En este caso “x” es el enlace en donde se encuentra la foto.

CARACTERÍSTICAS DE HTML

Una de las características de HTML es la forma en que se divide la información. Esto es por medio de dos grandes bloques: el elemento HTML o head y el cuerpo o contenido.

En el elemento HTML se pueden incluir los siguientes casos: 

    • Meta datos. Esta puede ser información que le dé contexto a la página. Por ejemplo, nos sirve para indicar el idioma. 
    • Referencia a ficheros. Aquí deben ir todos aquellos recursos que requiera nuestro sitio. Un ejemplo puede ser JavaScript y archivos CSS.
  • Scripts y estilos. En caso de que estos no sean incluidos en un fichero independiente se pueden incluir en la cabecera. 

Por su parte, en el cuerpo está todo el contenido de nuestra página. Es decir, desde el texto, imágenes, videos e incluso enlaces. Lo importante aquí es que todos estos elementos deben estar estructurados en secciones y marcado de forma correcta. 

Este lenguaje de programación es un tema que puede traer mucha confusión, por ello te dejamos las respuesta a tres de las preguntas más frecuentes.

¿QUÉ ES UN ARCHIVO CON LA EXTENSIÓN HTML?

Un archivo con la extensión HTML es un tipo de archivo de lenguaje de marcado estándar de un sitio web. Estos sólo contienen texto y referencias a otros archivos externos, como CSS o vídeos. 

¿CUÁL ES LA FUNCIÓN DE HTML?

El HTML es utilizado para desarrollos web y la creación de sitios. Este se compone de ciertas etiquetas como hipervínculos, saltos de página y etiquetas de imágenes. 

¿CUÁL ES EL OBJETIVO DE HTML?

El HTML es un lenguaje de programación que permite mostrar archivos de forma estructurada. De igual forma permite incluir imágenes, gráficos, sonidos, vídeos y otro tipo de archivos multimedia.

A la hora de crear un sitio web es fundamental el manejo del lenguaje de programación html. En Serna Group contamos con un experto en diseño de páginas web en México. Consúltanos cualquier duda si necesitas una nueva página web o quieres hacer algún cambio en la tuya. Hoy más que nunca el internet tiene un papel fundamental en todas nuestras relaciones.