Clases Sociales

CLASES SOCIALES

martes, 2 de abril de 2013


Color de fondo
Puedes aplicar color de fondo a la página utilizando el siguiente modificador:
bgcolor=Color
Por ejemplo:
<body bgcolor=cyan>
Esta instrucción aplica el color CYAN al fondo de la página. La instrucción bgcolor se debe aplicar dentro de la instrucción <Body>. 
    Para facilitar la utilización de colores de fondo mediante constantes de color, presentamos la siguiente tabla de colores:
    Color                       Constante  
    Negro                                          BLACK
    Azul                                             BLUE
    Verde                                           GREEN
    Rojo claro                                    RED
    Rosa intenso                               MAGENTA
    Marrón                                         FUCSIA
    Gris                                              GRAY
    Rosa claro                                   PINK
    Amarillo                                        YELLOW
    Blanco                                         WHITE
    Verde claro                                  GREEN+
    Rojo intenso                                BLUE+
    Cián Claro                                    BLUE/RED
    Además de que se pueden aplicar combinaciones con modificadores (con el signo +) a cada constante de color, puede utilizar modificadores con el signo /. Por ejemplo, la combinación MAGENTA/YELLOW, produce un color verde oliva claro.
    La forma más extensa de obtener colores es utilizando la representación hexadecimal del 0 a la F. Por ejemplo, la siguiente línea de código:
    <Body Bgcolor="#0FFFFF">
    Produce un color azul aguamarina.
    Imagen de fondo
    Además de aplicar colores de fondo usando combinaciones como las mencionadas anteriormente, puedes aplicar imágenes como fondo de la página. Para ello, utiliza el modificador Img Background=Imagen.
     Por ejemplo, la siguiente línea de código aplica una imagen de fondo a la página.
    <body img background=imagen.bmp>
    Color e imagen de fondo de la página
    Para aplicar una imagen de fondo, debe ubicar la imagen en la misma ruta donde se encuentra la página, en su defecto, deberá especificar la ruta completa en el parámetro IMG BACKGROUND.
    La imagen de esta página fue retocada con efecto relieve. Sin embargo, puede acceder a la galería de imágenes para encontrar alguna imagen que desee aplicar. También puede utilizar una imagen animada de fondo. Para ello, debe buscar archivos con extensión GIF y verificar que sean animados.

    Teoría sobre los códigos de colores HTML

    Seguramente se está preguntando: « ¿Tiene algún significado esta extraña combinación de letras y números?» Pues la respuesta es «Sí» y así es como funciona:)

    Formato de los códigos HTML: 
    Cada código HTML comprende el símbolo «#» y 6 letras o números. Estos números se expresan en el sistema de numeración hexadecimal. Por ejemplo «FF» en hexadecimal representa el número 255 en Decimal.

    Significado de los símbolos: 
    Significado de los símbolos: Los dos primeros símbolos del código de color HTML representan la intensidad del color rojo. 00 es el menos intenso y FF es el más intenso. El tercer y el cuarto número representan la intensidad del verde y el quinto y el sexto representan la intensidad delazul. Así, con esta combinación de la intensidad del rojo, verde y azul podemos mezclar cualquier color que deseemos de corazón;)

    Ejemplos:
    #FF0000 - Con este código HTML le decimos al navegador que muestre la máxima cantidad de rojo y nada de verde ni de azul. El resultado es evidentemente el color rojo puro:     

    #00FF00 - Este código HTML muestra solo el verde y nada de rojo ni de azul. El resultado es:     

    #0000FF - Este código HTML muestra solo el azul y nada de rojo ni de verde. El resultado es:     

    #FFFF00 - Con la combinación de color rojo y verde obtenemos el amarillo:     

    #CCEEFF - Cogemos un poco de rojo, un poco más de verde y el máximo de azul para obtener el color del cielo:      

No hay comentarios:

Publicar un comentario