domingo, 24 de julio de 2016

Fondos de página

Como hemos visto hasta ahora, el navegador dibuja la página con un triste fondo gris. Por suerte, es posible fijar el fondo con otro color, o usar una imagen de fondo.
Fondo de color:
Usamos el parámetro bgcolor, p.ej <body bgcolor="#FFFFFF">
Si queremos usar otros colores de fondo, hay que asegurarse de que los textos se leen sin dificultad.
Imagen de fondo:
Usamos el parámetro background="fondo.gif", p.ej <body background="fondo.gif">
Usar imágenes de fondo es un tema complicado. Es muy dificil acertar con una imagen adecuada, y sobre todo hay que huir de los colores chillones.
Si la imagen es más pequeña que la pantalla, se repetirá hasta llenarla completamente. 
Un buen truco es usar una imagen de altura 5 pixels(o menos), con el consiguiente ahorro de espacio.
Por ejemplo: vamos a usar de fondo la imagen:


Para ver el resultado en la pagina copiamos el siguiente código:

<html>
<head>
<TITLE>Fondos</TITLE>
</head>
<body background="fondo.gif">
<center>
<font face="arial" size="+2">Fondos</font>
<hr width=200>
</center>
<P align="center">Este es el primer párrafo. Está centrado y escrito en la letra por defecto del navegador. Algunas palabras estan en <B>negrita</B>, y otras en <I>cursiva.</I></P>
</body>
</html>

Nota: En este caso la imagen debe estar en el mismo directorio que el fichero .htm, para que el navegador pueda encontrarla. Si la imagen está en otro directorio debemos escribir la ruta correcta.


FECHA: Julio 24 2016

No hay comentarios.:

Publicar un comentario