Progra web

Introducción al lenguaje HTML
Jorge Ferrer
Victor García
Versión 1.0
Copyright Jorge Ferrer y Victor García. Se otorga permiso para copiar, distribuir y/o modificar este documento
bajo los términos de la Licencia de Documentación Libre GNU, Versión 1.1 o cualquier otra versión
posterior publicada por la Free Software Foundation. Puede consultar una copia de la licencia en:http://www.gnu.org/copyleft/fdl.html
En esta primera entrega de este Curso completo de HTML haremos un primer estudio del lenguaje HTML y
analizaremos las herramientas que son necesarias o almenos recomendables para realizar una página web. Además
aprenderemos qué es y qué no es el lenguaje HTML; cual es la estructura de una página web; como dar un título
a nuestra página y como crear encabezados y texto enella.
Introducción
El World Wide Web (WWW) es un sistema que contiene una cantidad de información casi infinita. Pero esta
información debe estar ordenada de alguna forma de manera que sea posible encontrar lo que se busca. La unidad
básica donde está almacenada esta información son las páginas Web. Estas páginas se caracterizan por contener
texto, imágenes, animaciones... e incluso sonido yvideo.
Una de las características más importantes de las páginas Web es que son hipertexto. Esto quiere decir que las
páginas no son elementos aislados, sino que están unidas a otras mediante los links o enlaces hipertexto. Gracias
a estos enlaces el navegante de internet puede pulsar sobre un texto (texto al que llamaremos de ahora en adelante
activo) de una página para navegar hasta otrapágina. Será cuestión del programador de la página inicial decidir
que palabras o frases serán activas y a donde nos conducirá pulsar sobre ellas.
En algunos ambientes se discute que el World Wide Web ya no es un sistema hipertexto sino hipermedia. Los
que defienden el cambio se apoyan en que aunque en sus orígenes el WWW constaba únicamente de texto en la
actualidad es un sistema principalmentegráfico y se puede hacer que las zonas activas sean, no sólo texto, sino
imágenes, videos, botones,... en definitiva cualquier elemento de una página. Aún así, el término original no ha
sido reemplazado todavía y por tanto será el empleado a lo largo de esta obra.
1
Introducción al lenguaje HTML
Figura 1.1. Aunque al principio el texto predominaba en el WWW, en la actualidad
las imágenes sonmayoría como podemos observar en una de las principales webs del
proyecto KDE.
Características del lenguaje HTML
Pero empecemos ya con lo que nos interesa. ¿Cómo se hace una página Web? Cuando los diseñadores del WWW
se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:
• El Web tenía que ser distribuido: La información repartida en páginas nomuy grandes enlazadas entre sí.
• El Web tenía que ser hipertexto y debía ser fácil navegar por él.
• Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo
tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
• Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.
2
Introducción allenguaje HTML
Estas características son las que marcaron el diseño de todos los elementos delWWWincluida la programación de
páginas Web. Como respuesta a todos estos requisitos se creo el lenguaje HTML (HiperText Markup Language),
cuyas siglas significan "lenguaje hipertexto de marcas".
Este lenguaje será el encargado de convertir un inocente archivo de texto inicial en una página web condiferentes
tipos y tamaños de letra, con imágenes impactantes, animaciones sorprendentes, formularios interactivos, etc.
Qué se necesita para crear una página web
Una de las características de este lenguaje más importantes para el programador es que no es necesario ningún
programa especial para crear una página Web. Gracias a ello se ha conseguido que se puedan crear páginas con
cualquier...