Site hosted by Angelfire.com: Build your free website today!
Curso Web

Lección 110 - Añadiendo Fondo a la Página


En esta ocasión le añadiremos un fondo a la página en la etiqueta <BODY> así...

 

<BODY BGCOLOR="00ff00" BACKGROUND="imagenes/fondo_rojo.jpg" TEXT="ffff00">

 

Nota que aprovechamos también para añadir el color de las letras en el texto con la etiqueta TEXT="ffff00" (texto=amarillo) para hacer que el texto salga amarillo.  El parámetro BACKGROUND contiene como atributo (valor) una imagen llamada fondo_rojo.jpg.  

 

Si por alguna razón el fondo de imagen no funcionara, el parámetro BGCOLOR (begincolor) podría como fondo el color que lleva como valor (00ff00).  

 

Una vez hecho el fondo tenemos...

HTML>
    <HEAD>
        <TITLE>Luz De Borinquen</TITLE>
    </HEAD> 

<BODY BGCOLOR="00ff00" BACKGROUND="imagenes/fondo_rojo.jpg" TEXT="ffff00">

    <! Título >
        <CENTER><FONT FACE="Ravie" size="6" color="ff0000">
            Luz De Borinquen
        </FONT></CENTER>
    <! Enlaces >
    <! Separador >
        <! Imagen separador > 
            <CENTER><BR>
                <IMG SRC="imagenes/separador_lila.gif" BORDER="0" ALT="Separador Lila" 
                HSPACE="0" VSPACE="0" WIDTH="80%" HEIGTH="0"
            </CENTER> 
    <! Texto >
        <! Imagen Luz De Borinquen>
            <CENTER><BR>
                <IMG SRC="imagenes/Pebbles.gif" BORDER="0" ALT="Pebbles.gif" 
               HSPACE="0" VSPACE="0" WIDTH="200" HEIGTH="140"
            </CENTER> 
       <! Fin imagen>
        <BLOCKQUOTE><P ALIGN="left">
            ¡Hola! Me llamo Mariana y esta es mi Página Web. Tengo siete años y
            estoy en tercer grado. 
                <BR><BR>
            Si quieres conocer a mis amigos, haz click en "Amigos". Si deseas
            reirte un poco, clickea "Chistes". Si tienes curiosidad por saber
            cómo paso el tiempo, haz click en "Pasatiempos". Para comunicarte
            conmigo, clickea "Escríbeme". Puedes sugerirme algunas ideas que
            quieras que yo incluya en mi página.
                <BR><BR> 
            Espero que te diviertas navegando por ella. Estaré constantemente
            añadiéndole enlaces y secciones. Así que, visítame más
            a menudo. ¡Ah! No te olvides de escribirme. ¡Hasta pronto! 
        </P></BLOCKQUOTE>
 
    <! Separador >
            <! Imagen separador > 
            <CENTER><BR>
                <IMG SRC="imagenes/separador_lila.gif" BORDER="0" ALT="Separador Lila" 
                HSPACE="0" VSPACE="0" WIDTH="80%" HEIGTH="0"
            </CENTER> 
    <! Enlaces >
    <! Fecha de Revisión y Derecho de Copia>
        <FONT FACE="Arial" size="1" color="000000">
            <P ALIGN="center">
                <BR>Copyright © 2001 Mariana Acevedo.
                <BR>All rights reserved.
                <BR>Revisada: March 11, 2001.
               <BR>mariana@yahoo.com
            </P>
        </FONT>
    <! Música de Fondo loop=-1 (toca indefinidamente) >
</BODY>
</HTML>

...Y así es como debería verse en el navegador (aunque aquí aparece el fondo azul en su navegador debe aparecer con un fondo de imagen rojo)...

 

 

Luz De Borinquen 

¡Hola! Me llamo Luz De Borinquen y esta es mi Página Web. Tengo siete años y estoy en tercer grado.

Si quieres conocer a mis amigos, haz click en "Amigos". Si deseas reirte un poco, clickea "Chistes". Si tienes curiosidad por saber cómo paso el tiempo, haz click en "Pasatiempos". Para comunicarte conmigo, clickea "Escríbeme". Puedes sugerirme algunas ideas que quieras que yo incluya en mi página.

Espero que te diviertas navegando por ella. Estaré constantemente añadiéndole enlaces y secciones. Así que, visítame más a menudo. ¡Ah! No te olvides de escribirme. ¡Hasta pronto!

Copyright © 2001 Mariana Acevedo.
All rights reserved.
Revisada: March 11, 2001.
mariana@yahoo.com

 


Vuelve Arriba
              Ve al Contenido