Introduccin al lenguaje HTML

Jorge Ferrer Victor Garca Versin 1.0

Copyright Jorge Ferrer y Victor Garca. Se otorga permiso para

copiar, distribuir y/o modicar este doc- umento bajo los
trminos de la Licencia de Documentacin Libre GNU, Versin
1.1 o cualquier otra ver- sin 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 al menos
recomendables para realizar una pgina web. Adems
aprenderemos qu es y qu no es el lenguaje HTML; cual es la
estructura de una pgina web; como dar un ttulo a nuestra
pgina y como crear encabezados y texto en ella.

Introduccin
El World Wide Web (WWW) es un sistema que contiene una
cantidad de informacin casi innita. Pero esta informacin
debe estar ordenada de alguna forma de manera que sea
posible encontrar lo que se busca. La unidad bsica donde
est almacenada esta informacin son las pginas Web. Estas
pginas se caracterizan por contener texto, imgenes,
animaciones... e incluso sonido y video.
Una de las caractersticas ms importantes de las pginas
Web es que son hipertexto. Esto quiere decir que las pginas
no son elementos aislados, sino que estn 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
pgina para navegar hasta otra pgina. Ser cuestin del
programador de la pgina inicial decidir que palabras o frases
sern 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 deenden
el cambio se apoyan en que aunque en sus orgenes el WWW
constaba nicamente de texto en la actualidad es un sistema
principalmente grco y se puede hacer que las zonas activas
sean, no slo texto, sino imgenes, videos, botones,... en
denitiva cualquier elemento de una pgina. An as, el
trmino original no ha sido reemplazado todava.

Caractersticas del lenguaje HTML

Pero empecemos ya con lo que nos interesa. Cmo se hace
una pgina Web? Cuando los diseadores del WWW se
hicieron esta pregunta decidieron que se deban cumplir,
entre otras, las siguientes caractersticas:
El Web tena que ser distribuido: La informacin repartida en
pginas no muy grandes enlazadas entre s.
El Web tena que ser hipertexto y deba ser fcil navegar por
l.
Tena 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,...).
Deba ser dinmico: el proceso de cambiar y actualizar la
informacin deba ser gil y rpido.
Estas caractersticas son las que marcaron el diseo de todos
los elementos del WWW incluida la programacin de pginas
Web. Como respuesta a todos estos requisitos se creo el
lenguaje HTML (HiperText Markup Language), cuyas siglas
signican "lenguaje hipertexto de marcas".
Este lenguaje ser el encargado de convertir un inocente
archivo de texto inicial en una pgina web con diferentes tipos
y tamaos de letra, con imgenes impactantes, animaciones
sorprendentes, formularios interactivos, etc.

Qu se necesita para crear una pgina

web
Una de las caractersticas de este lenguaje ms importantes
para el programador es que no es necesario ningn programa
especial para crear una pgina Web. Gracias a ello se ha
conseguido que se puedan crear pginas con cualquier
ordenador y sistema operativo. El cdigo HTML, como hemos
adelantado en el prrafo anterior, no es ms que texto y por
tanto lo nico necesario para escribirlo es un editor de texto
como el que acompaan a todos los sistemas operativos:
edit en MS-DOS, block de notas en Windows,vien UNIX,
etc. Por supuesto estos no son los nicos editores de texto
que pueden ser usados, sino cualquier otro. Tambin se puede
usar procesadores de texto, que son editores con capacidades
aadidas,
compo
pueden
ser
Microsoft
Word
o
WordPerfect pero hay que tener cuidado porque en
ocasiones hacen traducciones automticas del cdigo HTML
que no siempre son deseadas. En estos dos ltimos casos,
tambin hay que tener en cuenta que deberemos guardar el
archivo en modo texto.
Un editor de texto simple, como el block de notas de
Windows, es todo lo necesario para crear una pgina Web
Una vez hemos escrito el cdigo deberemos guardar el
archivo (con formato de texto) con la extensin .html ( o .htm
en MS-DOS, Windows 3.1 o cualquier otro sistema que slo
acepte tres letras en la extensin. Los siguientes son nombres
vlidos de archivos que contengan cdigo HTML: index.html,
index.htm,principal.html, PRINCIPAL.htm, etc...
NOTA: Si el editor o procesador de textos usado para crear la
pgina obliga a usar la extensin .txt al guardar el archivo en
modo texto, deberemos guardarlo con esta extensin, por
ejemplo como index.txt, y posteriormente
3

Introduccin al lenguaje HTML

cambiar el nombre del archivo desde fuera del programa a
index.html o index.htm . Para ello usaremos el comando
rename en MS-DOS; en Windows 3.1 lo haremos mediante el
administrador de archivos y en Windows 95 con el explorador.
En otros entornos, como Linux, es mas raro que se de esta
situacin.
ATENCIN: El World Wide Web es un sistema que diferencia
las maysculas de las minsculas. Es un error comn llamar a
un archivo index.html y luego referirse a l como Index.html.
Aunque en nuestro ordenador puede funcionar al publicarlo
seguramente no lo har. Por esta razn es una norma general
usar siempre minsculas para los nombres de los archivos
html.
ltimamente han aparecido nuevas alternativas que facilitan
la programacin de pginas Web. Son los editores HTML.
Podemos dividir estos editores en dos grupos:
Asistentes: ayudan a crear el cdigo HTML e incluyen
plantillas de cdigo prefabricadas, por ejemplo HotDog
(Win), HomeSite(Win),HTML Editor (Mac), Quanta (Linux,
KDE) o Bluesh, (Linux, GNOME).
Conversores: son programas con otra funcin que la de la
programacin Web pero que permiten convertir a HTML. Son
ejemplos de conversores Microsoft Word ,Quark XPress y
PageMaker.
Editores WYSIWYG (What You See Is What You Get, lo que
ves es lo que obtienes): estos editores permiten crear pginas
web sin escribir cdigo HTML como si se tratase de un
programa de dibujo por ordenador. Algunos ejemplos de este
tipo de editores son Macromedia Dreamweaver, HotMetal
o Microsoft Frontpage