INTRODUCCIN AL DISEO DE PGINAS WEB.
LENGUAJE HTML
Nociones bsicas de HTML: las etiquetas
Para comenzar, se ver que el HTML es un lenguaje en el que todo ir
encerrado entre dos etiquetas, normalmente, una que indica el comienzo de
algn elemento del documento y otra que indica el final del mismo. Estas son
de la forma:
< ETIQUETA parmetros > < / ETIQUETA >
Cada una va entre los signos de "menor que" ( < ) y "mayor que" ( > ). Como
podemos ver, para cerrar el elemento ir una "barra" ( / ) despus de la
indicacin de comienzo de una etiqueta. Al principio y final del texto tenemos
la etiqueta HTML, que indica que estamos ante una pgina Web programada
en HTML.
< HTML > Indica el comienzo de un documento en formato HTML.
< / HTML > Indica el final del documento.
Estas dos etiquetas siempre aparecern en los ficheros programados en HTML
para indicarle al navegador que lo que est interpretando es lenguaje HTML.
El interior de un documento
Como se ha comentado en el apartado anterior, toda pgina en HTML tendr
al principio la etiqueta < HTML > y al final < / HTML >. El interior del
documento se compone de una cabecera (head) y un cuerpo (body). En la
cabecera se pondr la informacin relativa a la pgina y en el cuerpo, el
contenido de sta. Al igual que sucede con el conjunto de la pgina en HTML,
cada una de estas partes tiene su etiqueta de comienzo y fin (ver el ejemplo).
Dentro de la cabecera se puede poner el ttulo de la pgina de la siguiente
forma:
< TITLE > Ttulo de nuestra pgina Web < / TITLE >
En el cuerpo ir la informacin que se ver en la pantalla del navegador y por
lo tanto, la mayora de las etiquetas que veremos en el resto del seminario.
Ejemplo de una pgina Web bsica:
< HTML >
< HEAD >
< TITLE > Ttulo de mi pgina < / TITLE >
< / HEAD >
< BODY >
Esta podra ser mi primera pgina Web, creada en HTML.
< /BODY >
< /HTML >
Listado de etiquetas para utilizar como referencia en HTML
< HTML >< / HTML > Crea un documento HTML.
< HEAD >< / HEAD > Muestra el ttulo y otro tipo de informacin que no
se muestra en la propia pgina Web.
< BODY >< / BODY > Muestra la parte visible del documento.
< TITLE >< / TITLE > Sita el nombre del documento en la barra de
ttulo.
< BODY BGCOLOR="?" > Determina el color del fondo, utilizando un
nombre o un valor hexadecimal.
Por ejemplo: < body bgcolor="#FFFF99" >
< FONT >< / FONT > Los atributos bsicos de la etiqueta FONT son
tres: SIZE: tamao de la fuente, de 1 a 7. FACE: fuente que se
desea utilizar. COLOR: color de la fuente. Por ejemplo:
< font size= "2" face= "Arial, Helvetica, sans-serif" color="#663399" >
< B >< / B > Crea un texto en negrita.
< I >< / I > Crea un texto en cursiva.
< A HREF="URL" > TEXTO DEL ENLACE < / A > Crea un hipervnculo.
Por ejemplo:
<a href=[Link] >Tiendas El Corte Ingles</a>
< A HREF="MAILTO:EMAIL "> TEXTO DEL ENLACE < /A > Crea un
enlace a un a direccin de correo. Por ejemplo:
<a href="[Link] >Enve un mensaje</a>
< A HREF="FICHERO HTML" >TEXTO DEL ENLACE< / A > Enlaza con un
documento distinto.
Por ejemplo: <a href="[Link]" >IR A BECAS< / a >
< BR > Crea una nueva lnea.
<CENTER>TEXTO </CENTER> Centrado
< OL >< / OL > Crea una lista numerada (ordenada).
< UL >< / UL > Crea una lista con smbolos (simple o no ordenada).
< LI >< / LI > Precede a cada elemento de la lista y aade un nmero.
< IMG SRC="FICHERO DE IMAGEN" > Inserta una imagen.
<BGSOUND SRC=FICHERO DE AUDIO> Inserta un sonido de fondo
<IMG DYNSRC=FICHERO DE VIDEO> Inserta un Video.
