manual de página web

---------------------------------------------------------------------


1. Una p�gina b�sica

El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las
etiquetas (tags). Funcionan de la siguiente manera:

Este es el inicio de una etiqueta.
Este es el cierre de una etiqueta.

Las letrasde la etiqueta pueden estar en may�sculas o min�sculas, indiferentemente. Por
claridad, se usar�n en este manual s�lamente las may�sculas

Lo que haya entre ambas etiquetas estar� influenciada por ellas. Por ejemplo, todo el documento
HTML debe estar entre las etiquetas y :

[Todo el documento]

El documento en s� est� dividido en dos zonas principales:El encabezamiento, comprendido entre las etiquetas y
El cuerpo, comprendido entre las etiquetas y

Dentro del encabezamiento hay informaci�n del documento, que no se ve en la pantalla
principal, principalmente el t�tulo del documento, comprendido entre las etiquetas y
. El t�tulo debe ser breve y descriptivo de su contenido, pues ser� lo que vean los
dem�s cuando a�adan nuestrap�gina a su bookmark (o agenda de direcciones).

Dentro del cuerpo est� todo lo que queremos que aparezca en la pantalla principal (texto,
im�genes, etc.)

Por tanto, la estructura queda de esta manera:



T�tulo de la p�gina


[Aqu� van las etiquetas que visualizan la p�gina]



Antes de crear nuestra primera p�gina, unas consideraciones sobre el texto: Cuando escribimos
en eldocumento el texto que queremos que aparezca en la pantalla, veremos que �ste se
acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar el texto
en distintos p�rrafos debemos usar la etiqueta , (que no tiene su correspondiente etiqueta de
cierre )

El texto puede tener unas cabeceras, comprendidas entre las etiquetas y , y
, etc. (hasta el n�mero 6), siendoel n�mero indicativo del tama�o. El tama�o mayor es el
correspondiente al n�mero 1. Puedes experimentar en el ejemplo que sigue, cambiando el
n�mero para comprobar el efecto que se logra.

Una etiqueta muy interesante es la de centrado y (no la soportan todos
los navegadores, aunque s� la mayor�a de ellos). Nos centra todo lo que est� dentro de ella, ya
sea texto, im�genes, etc.Tambi�n tenemos los separadores (horizontal rules), que se consiguen con la etiqueta
(no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como
la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a
continuaci�n:

Ejemplo pr�cticoEn el procesador de texto copiamos lo siguiente:




Mi pagina del Web - 1



Primera pagina

Esta es mi primera pagina, aunque todavia es muy sencilla. Como el
lenguaje HTML no es dificil, pronto estare en condiciones de hacer
cosas mas interesantes.
Aqui va un segundo parrafo.




(Rep�sese lo dicho en la p�gina de portada enM�todo de trabajo, acerca del procesador de
textos y c�mo cargar el documento en el navegador)

Las l�neas en blanco y las indentaciones del texto se han puesto para mayor claridad, pero no
son necesarias. De hecho, podr�a estar todo en una sola l�nea. Lo importante es el orden
correcto de las etiquetas. Por cierto, una etiqueta puede estar anidada dentro de otra. V�ase en
el ejemplo c�mo loest� la etiqueta dentro de la etiqueta . Es muy importante, en
estos casos, que las etiquetas de inicio y de cierre vayan en el orden correcto, pues de lo
contrario se producir�an errores.

Obs�rvese adem�s la falta de los acentos. Se hablar� m�s adelante sobre el motivo de ello.

Guardamos el fichero en el procesador de textos con el nombre de mipag1.html y lo cargamos
en el...