| Plateado |
#C0C0C0 |
|
| Gris |
#808080 |
|
| Fucsia |
#FF00FF |
|
| Rojo
oscuro |
#800000 |
|
| Púrpura |
#800080 |
|
| Verde
oscuro |
#008000 |
|
| Oliva |
#808000 |
|
| Verde
Azulado |
#008080 |
|
| Azul
Marino |
#000080 |
|
| Agua
Marina |
#00FFFF |
|
| Amarillo |
#FFFF00 |
|
Como puede observar hemos conseguido los colores cambiando la cantidad de cada componente. Debe tener en cuenta que para hacer un color más oscuro debe reducir el numero de su componente, si quiere hacer un tono más suave debe cambiar los componentes de los otros dos colores a números mas altos, en una cantidad igual, con lo que los hará más claros.
Le sugerancia que haga prácticas para que vea como se consiguen los colores.
Para completar la etiqueta en cuanto a colores se refiere vamos a ver una serie de atributos más que podemos colocar con el fin de enriquecer nuestras páginas.
Si podemos cambiar el color del fondo, pero no pudiéramos cambiar los colores del texto y de los enlaces, podría suceder que fuera imposible leer nada, al ser los dos colores iguales o muy parecidos, es por esto, por lo qué esta etiqueta se complementa con los siguientes atributos o comandos:
Los atributos son los siguientes:
TEXT="#RRVVAA"
Con este comando, que va incluido dentro de la etiqueta
, se cambia el color del texto entero de la página. El código de colores es el mismo que el explicado anteriormente.
LINK="#RRVVAA"
Cambia el color de los enlaces en la página, que por defecto es "#0000FF", es decir azul.
VLINK="#RRVVAA"
Cambia el color de los enlaces visitados.
ALINK="#RRVVAA"
Cambia el color de los enlaces activos.
Para incluir una imagen en nuestra página tendremos que utilizar, dentro de la ya conocida etiqueta
un comando más.
BACKGROUND="una imagen"
Es obvio que se pueden añadir todos los comandos anteriores de color de texto, enlaces e incluso color de fondo, propiedad esta que nos viene muy bien para prever, la costumbre del navegante que tiene la opción de configurar su p.c. para no mirar imagenes, con lo que no podría ver la imagen de fondo y solo vería el color Gris, de la página por defecto.
Lo que debemos hacer es poner dentro de la etiqueta los dos comandos, el de imagen de fondo y el de color.
La etiqueta completa en cuanto a colores e imágenes se refiere quedaría de la siguiente manera:
<BODY BACKGROUND="image.gif" BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#FF00FF" ALINK="#FF0000">
Como siempre vamos a efectuar unos cambios en nuestra página de prueba, que serán los siguientes:
Cambiaremos el fondo a color gris, para el texto emplearemos el color rojo oscuro, los enlaces serán de color verde oscuro, y tanto los enlaces visitados, como los activos los dejaremos los colores por defecto.
(asegurate de abrir la pagina correcta que tienes en "NOTEPAD"
Y escribe exactamente como esta mada mas lo que esta de color.)
|
<html>
<head>
<title> primera página web </title > </head >
<body BACKGROUND="imagen.gif" BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#FF00FF" ALINK="#FF0000" >
<center > < h2 > Mi Primera Página Web </h2 > < center >
<p ><b > Esta es mi primera página Web < /b >
<p>Aquí vamos a añadir una imagen</p>:
<center> <img src="una imagen .gif" alt="nombre de la imagen" width="100" height="120" border="5" align="top"></center>
< /body >
< html >
|
si quieres ver como iria tu pagina
has click aqui
Siguiente Pagina
