Elaboracin de pginas web: Lenguaje HTML

Arquitectura cliente/servidor
Antes de comenzar a explicar la estructura de las pginas web y el lenguaje html, es importante tener claro en que consiste la arquitectura cliente/servidor en la que se basan tanto las redes locales como la propia Internet Pensar en una red clsica de pescadores es bastante grfico para comprender la estructura de la Red. En ella, se pueden diferenciar a simple vista dos elementos que se repiten: los nudos y los segmentos de malla que unen los distintos nudos. Al hablar de Internet estamos hablando tambin de una red y los elementos que componen esa red son los nodos y los enlaces. La estructura de Internet no es tan regular como una red de pescadores, si bien se pretende tener conectividad entre todos los nodos, es decir, lo ideal es tener la posibilidad de encontrar al menos dos rutas o caminos (path en ingls) entre dos nodos cualesquiera. Uno de ellos ser el nodo origen de los mensajes mientras que el otro ser el nodo destino. Los nodos no son ms que ordenadores dedicados a encaminar los paquetes hacia su destino, eligiendo el enlace ms adecuado en cada momento. Estos nodos reciben el nombre de enrutadores (ROUTERS), y seran algunos de los nudos de la parte interna/central de la red de pesca. Igualmente, nosotr@s al conectarnos utilizamos un ordenador, que si bien tambin es un nodo de la red se le denomina HOST (tu ordenador). Los enlaces son las conexiones fsicas entre nodos y estn formados por un conjunto de circuitos de datos en forma de hilos telefnicos, fibras pticas, microondas y dems soportes propios de Telecomunicaciones. La informacin, se divide en trozos de un nmero determinado de caracteres. A cada trozo de estos, denominado paquete, se le asocia informacin de enrutamiento, y se enva por un enlace. Es decir, cuando se establece una conexin internet, tu equipo queda conectado por un enlace a la red. Existen una serie de ordenadores que estn conectados a la red con el objeto de ofrecer y proporcionar alguna clase de servicio a todo aquel que se lo pida. Estos ordenadores son tambin nodos de la red y se denominan servidores (SERVERS).

Para poder acceder a los recursos que ofrece un servidor se necesita un tipo de programa especfico, denominado programa cliente, que debes ejecutar en tu ordenador y que es el encargado de mantener el dilogo con el programa servidor. Se dice que estamos en una arquitectura cliente / servidor, en la que el programa servidor corre en el ordenador que ofrece algnrecurs o (server) y el programa cliente en el ordenador de aqul que lo reclama (host). Los programas navegadores (Netscape, Explorer) son clientes que piden pginas a diversos servidores que existen en la red.

Introduccin al HTML
Cuando tu programa navegador (cliente) pide una pgina web al servidor, ste le enva un fichero de texto (con extensin htm o html) en lenguaje html que tu programa (netscape o explorer) se encarga de "traducir" para que puedas visualizar correctamente en el navegador la pgina web solicitada incluyendo texto, fondos, grficos, etc. El HTML (HipertText Markup Language) Lenguaje de enlaces hipertexto es un sistema que se encarga de definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El trmino HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas. Como cualquier pgina web est soportada por un fichero de texto, se pueden elaborar, editar o modificar directamente con el bloc de notas o el wordpad de Windows 95, aunque existen programas editores de pginas web a la venta como HotDog Front Page y programas gratuitos de edicin bsica como Netscape Composer, que permiten editarlas con algunas funciones automatizadas a travs de botones y mens.

Elementos del lenguaje HTML

Caracteres :

Cualquier cadena de caracteres imprimibles que no represente un marcado se representa literalmente, aunque los espacios y tabuladores se reducen a un solo carcter cuando no estn dentro de un bloque preformateado.

Marcadores, marcas o etiquetas (tags) :

Los marcadores delimitan elementos de un documento como cabeceras, prrafos, etc. La mayora de los marcadores constan de una marca inicial < ...> , que da el nombre y atributos del elemento, seguida del contenido secuencia de caracteres y una marca final</...>.

Las marcas iniciales se escriben entre los smbolos "<" y ">" (menor y mayor) y las finales entre "</" y ">" (menor barra y mayor). Por ejemplo, <H1>Contenido</H1>, indica que "Contenido" es una cabecera de nivel uno. Algunos elementos slo tienen una marca inicial (por ejemplo la marca <HR> que representa una lnea horizontal) y otros, aunque disponen de ambas, se suelen expresar slo con la inicial.

Nombres de etiquetas :

Los nombres consisten en una letra seguida de letras, dgitos, puntos o guiones. Los ejemplos H1 y HR anteriores son ejemplos de nombres de etiquetas. La longitud de un nombre esta limitada a 72 caracteres en la definicin del HTML. Los nombres de elementos y atributos no distinguen entre maysculas y minsculas, pero los nombres de entidades (la representacin alternativa de los caracteres) s. En las marcas, el nombre del elemento debe comenzar inmediatamente despus del <.

Atributos :

Cuando una marca inicial admite atributos, stos se escriben a continuacin del nombre del elemento. Generalmente los atributos tienen la forma nombre, signo igual, valor del atributo aunque en algunos casos basta con el nombre del atributo. Se pueden poner espacios en blanco antes y despus del signo igual. El valor de un atributo puede ser una cadena de caracteres entre comillas (simples o dobles) que no contenga el smbolo de fin de marca ">" o un nombre como los definidos en el apartado anterior. Por ejemplo, en <img src="foto.gif">, img src es el nombre de la marca que se refiere a insertar una imagen en la pgina web; y "foto.gif" es el atributo que hace referencia al fichero especfico de imagen que queremos incluir.

Comentarios :

Para incluir comentarios en HTML se emplea la declaracin de comentarios. Una declaracin de comentarios comienza con <!, le siguen uno o varios comentarios y termina con >. Cada comentario comienza con -- e incluye todo el texto hasta la siguiente aparicin de -- . Dentro de una declaracin de comentarios, se pueden poner espacios en blanco despus de cada uno de ellos, pero no antes del primero. Toda la declaracin del comentario se ignora. En pginas web complejas, con abundante cdigo html, se utilizan estos comentarios para sealar partes de la

pgina web que sirvan de orientacin para ubicarse dentro del documento. Por ejemplo, en <!--Aqu empieza el texto--> est sealando una parte de la pgina web en la que empieza el grueso del texto de la pgina.

Esta etiqueta se visualiza dentro del cdigo html pero no tiene una traduccin hacia el formato final. Es decir, no se visualiza en el navegador cliente y slo se puede ver si utilizamos la opcin Ver/Origen de la Pgina (en Netscape)

Creacin de documentos HTML

Los documentos HTML son archivos de texto legibles ASCII con cdigos de composicin especiales embebidos o incorporados en el texto. Esto significa que los archivos HTML contienen letras, nmeros, signos de puntuacin, etc., ms los cdigos de composicin HTML. Insistimos, se pueden leer o modificar directamente desde el bloc de notas. Aunque no es obligatorio, es muy til utilizar la extensin .HTM al archivar el documento HTML desde el bloc de notas. As podrs saber luego de que tipo de documento se trata. Si utilizas un procesador de texto normal debes utilizar la opcin Guardar como texto ASCII.

Aspecto de documentos HTML:

Lo que distingue a un archivo HTML de cualquier otro archivo de texto es la presencia de cdigos de composicin, denominados marcadores HTML. Estos cdigos se incluyen en el documento y sirve para controlar el formato y la presentacin del documento final. Los cdigos tambin sirven para crear hipervnculos con otros documentos.