Descargar la presentación
La descarga está en progreso. Por favor, espere
1
HTML
2
<body bgcolor="#RRGGBB"> <body bgcolor="#0000FF">
Color de fondo Para cambiar el color de fondo de nuestras páginas usaremos un nuevo atributo de la, ya conocida, etiqueta BODY. El nuevo atributo se llama BGCOLOR y debe ser añadido a la etiqueta BODY existente: <body bgcolor="#RRGGBB"> Por ejemplo para crear una página con el fondo de color azul podemos usar: <body bgcolor="#0000FF"> Prof. Ricardo César Timaná Ortiz
3
TABLA DE COLORES
4
<body bgcolor="#0000FF"> <body bgcolor="Blue">
NOTA Para proseguir vamos a fijarnos en los códigos que adelantábamos en la tabla 5.1, como vemos todos empiezan por el símbolo sostenido o almohadilla: ’#’. Posteriormente siguen 6 números (siempre deben ser seis) en hexadecimal. Los dos primeros corresponden a la cantidad de rojo (RR), los siguientes a la cantidad de verde (GG) y los siguientes a la cantidad de azul (BB). Es decir la estructura general es: "#RRGGBB" Por ejemplo para crear una página con el fondo de color azul podemos usar: <body bgcolor="#0000FF"> O bien: <body bgcolor="Blue">
5
COLOR DE TEXTO Y LINKS Para cambiar el color de texto se usan cuatro nuevos atributos de la etiqueta BODY. Lo primero que deberemos hacer es pensar en el color y el código de este, y cambiaremos el color del texto usando: TEXT Sirve para controlar el color que tendrá el texto normal de la página, es decir todo aquel que no sea un enlace hipertexto. Su valor por defecto es negro. LINK Permite cambiar el color con el que son mostrados los enlaces hipertexto o links de la página. Su valor por defecto es azul. <body bgcolor="#000000" text="#FFFFFF" link="#00FF00" Con este ejemplo, seleccionaremos un color de pantalla negro, texto blanco, enlaces verdes,
6
<body background="fondo1.jpg">
Imágenes de fondo Para incluir una imagen de fondo deberemos usar el atributo BACKGROUND de la etiqueta BODY. Como habrá podido comprobar dentro de esta etiqueta se engloban todos los parámetros que cambian las características globales de la Web. El funcionamiento de BACKGROUND es idéntico al del atributo SRC de la etiqueta IMG, deberemos indicar como valor el nombre de la imagen, junto con su ruta de directorios (path). En este ejemplo esta imagen se encuentra en el mismo directorio donde esta la página Web. <body background="fondo1.jpg">
Presentaciones similares
