LA ETIQUETA BODY <BODY>
Hasta ahora se ha trabajado con páginas cuyos colores son: blanco para el fondo y negro para el texto escrito en ellas. Estos son los colores que HTML toma por defecto. El uso adecuado de la etiqueta <BODY>, que por supuesto tiene atributos, permite entre otras cosas cambiar o establecer: el color del texto, un color o una imagen de fondo y los colores de los enlaces que tendrá la página. La siguiente es la sintaxis completa de esta etiqueta:
nombre_imagen se refiere al nombre, o mejor la ubicación del archivo de una imagen que se quiere aparezca como fondo de la página, color_fondo, color_texto, color_enlace, color_enlace_V y color_enlace_A corresponden a los códigos o los nombres de los colores para el fondo de la página, el texto de la información, el texto de los enlaces no visitados, el texto de los enlaces visitados y el texto de los enlaces activos respectivamente. El manejo de estos tres últimos se verá más adelante en el capítulo correspondiente a enlaces.
El siguiente ejemplo desplegará una página con fondo negro (black) y texto de color lima (#00ff00):
UBICACIÓN DE ARCHIVOS
Antes de comenzar a trabajar con imágenes, es indispensable entender el concepto de la ubicación relativa de archivos. Existen en HTML algunos atributos que indican la ruta o el camino donde se encuentran ubicados ciertos elementos y no un valor simple como un número o el código de un color. Tal es el caso del atributo background cuyo valor hace referencia a la ubicación y el nombre de una imagen que se quiere aparezca como fondo en la página (BACKGROUND=”ruta”).
Cualquiera que sea el sistema operativo que se utilice, los programas, aplicaciones, archivos y documentos se guardan físicamente en una unidad de almacenamiento, dentro de una jerarquía de directorios y subdirectorios conocida como Sistema de Archivos.
Un directorio puede contener archivos y otros directorios denominados subdirectorios. Dependiendo de la ubicación de las páginas y las imágenes u otros objetos dentro del sistema de archivos, el valor o ruta de los atributos, cambia. Existen tres posibilidades (ver gráfica de Ejemplo de sistema de Archivos):
- La página y la imagen se encuentra dentro del mismo subdirectorio (ejemplos: Página1 e Imagen1, Página 2 e Imagen 2 y Página 3 e Imagen 3).
- La imagen se encuentra en un subdirectorio ubicado en el mismo nivel o por debajo del subdirectorio que contiene la página (ejemplos: Página 3 e Imagen 1, Página 3 e Imagen 2 y Página 1 e Imagen 2).
- La imagen se encuentra en un subdirectorio arriba del que contiene la página (ejemplos: Página 2 e Imagen 1, Página 2 e Imagen3 y Página 1 e Imagen 3).
El ejemplo más sencillo se tiene cuando, tanto la imagen de fondo como la página residen en el mismo directorio o subdirectorio. En este caso la ruta se reduce al nombre de la imagen:
Si la imagen de fondo reside en un subdirectorio al mismo nivel o por debajo del directorio que contiene la página, la ruta además del nombre de la imagen debe estar compuesta por el o los nombres de los subdirectorios que la contienen, separados por un slash (/). Si por ejemplo, se desea que “Imagen
La última posibilidad que existe es que la imagen se encuentre ubicada uno o mas niveles por encima del directorio que contiene la página. En este caso la ruta estará compuesta por el nombre de la imagen, precedida por un conjunto de dos puntos y un slash (../) por cada nivel que sea necesario subir para alcanzar el directorio donde está ubicada la imagen. Con los siguientes ejemplos se ilustra esta situación:
La “Imagen
Ahora se quiere que “Imagen 3” sea el fondo de la “Pagina 2”:
Es importante mencionar que HTML soporta sólo ciertos formatos de imagen. Básicamente se pueden mostrar imágenes creadas en formato GIF y JPG. Las últimas versiones de navegadores soportan el formato PNG de MACROMEDIA ®.
No hay comentarios:
Publicar un comentario