Introducción World Wide Web

Logo HTML

Hoy en día la tecnología de la red, va avanzando a pasos agigantados. ¿Por qué? La razón es que tanto las empresas como a nivel individual la sociedad se está dando cuenta de todas las posibilidades que la ‘red de redes’ nos ofrece.

Antes de adentrarnos en el HTML deberemos de tener una serie de conceptos básicos sobre lo que es Internet y el mundo que lo rodea.

¿Qué es Internet?

Internet es un conjunto de ordenadores o red de ordenadores interconectados entre mediante algún soporte, ya sea físico o inalámbrico. El lenguaje que utilizan los ordenadores para hablarse entre ellos se llama TCP/IP. Mediante el lenguaje TCP/IP las máquinas se intercambian la información.

El Inicio: Comunicando máquinas

En 1969 nace un proyecto de índole militar en EEUU llamado ARPANET, este proyecto es el primero que permite conectar máquinas de diferentes universidades entre sí.

Poco a poco el proyecto fue cogiendo un matiz de investigación hasta separarse del propio proyecto militar, conectando más máquinas, y llegando a conceptualizar lo que es Internet Así hasta llegar a los día de hoy, donde las máquinas que están conectadas a la red son de empresas, universidades, personales,… dónde las máquinas ya no son solo ordenadores, sino que pueden ser móviles, elementos de domótica, coches,…

La World Wide Web y el HTML

Un poco más tarde, sobre 1990, en el CERN, Tim Berners Lee y una serie de colaboradores definió un sistema de almacenamiento y recuperación de información. De tal manera que la información pudiese ser consultada de una forma estándar desde cualquier sitio. Estaba naciendo el lenguaje que define la información, nacía HTML. Era la gestación de la World Wide Web, información enlazada una con otra creando el tejido que es la red.

Actualmente el lenguaje HTML tiene como especificación oficial HTML 5.0 (28 de octubre de 2014) y se está trabajando en el borrador de HTML 5.1 (última actualización el 10 de marzo de 2016).

El lenguaje HTML (HyperText Markup Language) o lenguaje de etiquetas de hipertexto es un lenguaje que permite definir la estructura de una página web mediante un conjunto de elementos o etiquetas. La base de los documentos web o documentos HTML es que unos se van enlazando con otros creando una gran malla o red de documentos que es lo que conocemos como World Wide Web, “la red” o más comúnmente como “la web”.

Los Navegadores Web y las URL

Solo faltaban los programas que nos permitieran visualizar dicha información. De esta forma en 1993 se creaba el navegador web Mosaic.

Herramienta imprescindible para poder visualizar el contenido HTML. Los navegadores web son las herramientas que nos permiten movernos por la red, visualizar y acceder a los contenidos de la misma.

Muy atrás han quedado los tiempos en los que solo existía el navegador web Mosaic y ahora en el mercado podemos encontrar una gran cantidad de navegadores web: Chrome, Firefox, Opera, Safari, Internet Explorer,…

Para identificar cada uno de los contenidos que hay en la red se ha definido el concepto de URL (o URI). Mediante una URL podemos acceder a cualquier contenido de la red utilizando un agente de usuario, más conocido como navegador web o browser.

Una URL se compone, a modo general, de diferentes partes:

  • Protocolo, es el tipo de comunicación que queremos establecer con la máquina. Por ejemplo, si queremos visualizar un documento utilizaremos http, si queremos recuperar un fichero indicaremos ftp,…
  • Máquina, será la máquina que tiene el contenido. Las máquinas se identifican mediante un código numérico llamado IP, pero como esos códigos con complejos de aprender las damos nombres. Así podemos conocer una máquina (o máquinas) como google.com, lineadecodigo.com, manualweb.net,…
  • Contenido, será el contenido al cual queremos acceder. Este puede ser el nombre de un fichero, el nombre de una página web, el nombre de un vídeo,… El contenido suele estar ubicado en un directorio, por lo cual dicho nombre suele venir antepuesto de la ruta de un directorio.

La estructura general de una URL será la siguiente:

protocolo://máquina/contenido

Si nos fijamos en los nombres de las máquinas, estos suelen tener dos partes:

  • Nombre de la Máquina, este suele ser el nombre del servicio al que intentamos acceder. Por ejemplo: google, manualweb, elpais,…
  • Dominio, es la extensión que nos permite identificar el tipo o ubicación del servicio al que accedemos. Por ejemplo: .com, .net, .gov,… Aunque hay que tener cuidado ya que los dominios, en ciertos casos, no están reglados y pueden referirse a otra cosa distinta.

Algunos dominios que podemos encontrarnos son:


Mejora esta página

Índice Html

Descargar

Descargar Manual El manual se encuentra en continua revisión. Desde aquí puedes descargarte la última versión del Tutorial HTML.

Vídeos HTML