Lección 2: Manejo de los fondos

Los fondos de una página Web pueden tener dos orígenes:

  1. Un color (Expresado como nombre como por ejemplo: red, blue, green, etc o como un código de color HTML, por ejemplo #FF0000, #0000FF, #008000)
  2. Una imágen.

No todos los colores tienen un equivalente en nombre, por lo que la única manera de utilizarlos será por medio de su código de color HTML.

Para manipular el color de fondo de una página Web es necesario manipular la etiqueta que controla toda la página, que en este caso es la etiqueta <BODY></BODY>. Lo que manipula a una etiqueta se llama atributo, por lo tanto, el color de fondo será un atributo.

Coloquemos un color de fondo a nuestro ejemplo:
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY BGCOLOR="yellow">Hola a todos</BODY>
</HTML>

Guarde nuevamente su documento y oprima el botón actualizar en la página Web para ver los cambios, usted debe tener algo como esto

Ahora cambie el color de fondo de yellow a su código de color HTML que es #FFFF00:
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY BGCOLOR="#FFFF00">Hola a todos</BODY>
</HTML>

Guarde su documento y actualize la página web. No hay ningún cambio ¿verdad?

Ahora vamos a utilizar una imágen como fondo para nuestra página web. Para que una imagen se muestre en el navegador, ésta debe estar en la estructura de su sitio, que para este caso es la carpeta en donde está guardada su página, pues no tenemos ninguna otra carpeta para este fin. La imagen que utilizaremos como fondo es:

El nombre de esta imagen es l2fondo.jpg. Procedamos a insertar el fondo:
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY BACKGROUND="l2fondo.jpg">Hola a todos</BODY>
</HTML>

Ahora su página Web luce así


Lección AnteriorLección siguiente