Comencemos el fascinante viaje al descubrimiento de los colores empezando por el fondo de una página web. Como fondo de una página también pueden usarse imágenes, aunque estoy bastante en contra de este tipo de uso, pero más adelante veremos, si acaso, cómo utilizarlas.
Antes de ver las configuraciones de color de una página web es importante elegir un color claro y ahora les explico por qué: dado que el texto debe ser necesariamente oscuro para ser legible sin dificultad, si eligen un color de fondo oscuro, leer el contenido se volverá una tarea ardua, por lo tanto, utilicemos un color claro, lo más claro posible. Ahora les muestro un ejemplo de a qué me refiero:
|
¿Cómo leen este texto? |
¿Cómo leen este texto? |
La celda de la izquierda es prácticamente ilegible mientras que la de la derecha presenta un texto claro y legible. ¿Queda claro el concepto? Tengan presente esta regla sobre todo si usan páginas con mucho texto. Bien, ahora volvamos a nuestro fondo. En la lección dedicada a los Colores, pueden visualizar la tabla de Códigos Hexadecimales y elegir un color para su fondo. Tomemos por ejemplo el color ccff99….caramba, creo que olvidé algo en este código….¿qué creen que sea? Sí, el numeral #
Entonces aquí está el código correcto que utilizaremos: #ccff99.
Ahora les presento la etiqueta background-color que junto con la etiqueta body sirve para determinar el color de fondo de una página web. Por abreviación se usa el comando bgcolor que tiene el mismo efecto.
Previamente analizamos la etiqueta body que se escribía así. Ahora, unamos estas dos etiquetas para configurar nuestro color: bgcolor=»#cff99″> Insértenlo en su página index.html y guarden los cambios sobrescribiendo. En la lección dedicada a los Colores, está representada la tabla de los 16 colores reconocidos por todos los navegadores web.
Si para el fondo de nuestro sitio usamos uno de estos 16 colores, por ejemplo el Navy en la etiqueta body podemos escribir tranquilamente de esta manera:
bgcolor="Navy">
Si en cambio usamos colores fuera de esta tabla es necesario especificar el Código Hexadecimal. En práctica con este comando le hemos ordenado al body «Hey body, presta atención… como fondo debes poner el color #ccff99 ¿ok?» De este modo todo el fondo de nuestra página será configurado y mostrado con este color.
Pubblicato in HTML & CSS
Sé el primero en comentar