Tutorial Basica De Html Divisiones de un documento HTML Parte 2

por **Administrador** Sáb Ene 22, 2011 5:13 pm

Segunda Parte: Divisiones de un documento HTML

Cabecera del documento

La directiva <HEAD></HEAD> delimita la cabecera del documento. Dentro de la cabecera es importante definir el título de la página por medio de la directiva <TITLE></TITLE>. Este título será el que aparezca en la barra de nuestro visor de páginas Web.

Ejemplo :

<TITLE>La página Web de Pilo</TITLE>

Dentro de la cabecera de nuestro documento podemos incluir otras directivas adicionales. La directiva <META> indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos. La directiva <META> lleva generalmente dos parámetros, name y content.

Ejemplos :

<META name="Pagina de Pilo" content="Mi pagina Musica y Peliculas">

Indica al visor el nombre de la página y sus contenidos principales.

<META name="keywords" content="Pilo Musica">

Indica al visor las palabras clave para los buscadores de Internet.

Otro uso de la directiva <META> es la de indicar documentos con "refresco automático". Si se indica una URL se sustituirá el documento por el indicado una vez transcurridos el número de segundos especificados. Si no se incluye ninguna URL se volverá a cargar en el visor el documento en uso transcurridos los segundos indicados. Esto es util para páginas que cambian de contenido con mucha frecuencia o para redireccionar a la persona que visita nuestra pagina Web a una nueva dirección donde se encuentra una versión actualizada de nuestra pagina Web.

Ejemplo :

<META http-equiv="refresh" content="15;URL=http://www.microsoft.com">

Transcurridos 15 segundos se accederá a la pagina Web de Microsoft.

La directiva <BASE> indica la localización de los ficheros, gráficos, sonidos, etc... a los que se hace referencia en nuestra página Web. Si no se incluye esta directiva el visor entiende que dichos elementos se encuentran en el mismo lugar donde se encuentra nuestra página Web.

Ejemplo :

<BASE href="/Pilo">

Cuerpo del documento

La directiva <BODY></BODY> indica el inicio y final de nuestra pagina Web. Será entre el inicio y el final de esta directiva donde pongamos los contenidos de nuestra página, textos, gráficos, enlaces, etc.... Esta directiva tiene una serie de parámetros opcionales que nos permiten indicar la "apariencia" global del documento :

background= "nombre de fichero grafico"
Indica el nombre de un fichero gráfico que servirá como "fondo" de nuestra página. Si la imagen no rellena todo el fondo del documento, esta sera reproducida tantas veces como sea necesario.

bgcolor = "codigo de color"
Indica un color para el fondo de nuestro documento. Se ignora si se ha usado el parámetro background.

text = "codigo de color"
Indica un color para el texto que incluyamos en nuestro documento. Por defecto es negro.

link = "codigo de color"
Indica el color de los textos que dan acceso a un Hyperenlace. Por defecto es azul.

vlink = "codigo de color"
Indica el color de los textos que dan acceso a un Hyperenlace que ya hemos visitado con nuestro visor. Por defecto es purpura.

El codigo de color es un numero compuesto por tres pares de cifras hexadecimales que indican la proporcion de los colores "primarios", rojo, verde y azul. El codigo de color se antecede del símbolo #.

Ejemplos :

#000000 --> Color Negro
#FF0000 --> Color Rojo
#00FF00 --> Color Verde
#0000FF --> Color Azul
#FFFFFF --> Color Blanco

El primer par de cifras indican la proporción de color Rojo, el segundo par de cifras la proporcion de color Verde y las dos ultimas la proporcion de color Azul. Cada par de cifras hexadecimales nos permiten un rango de 0 a 255. Combinando las proporciones de cada color primario obtendremos diferentes colores.