Prefacio L1 L2 L3 L4 L5 L6 L7 L8 Apéndices

 

3.1 Color  

El buen uso del color y las imágenes es de suma importancia en el diseño de páginas web. HTML identifica los colores de dos maneras diferentes: con nombres y con valores.

 En la figura de abajo se muestran los nombres de los 16 colores básicos.

 

Actualmente los navegadores más populares reconocen una cantidad mayor de nombres de colores, agrupados en la Lista Extendida de Nombre de Colores. Abajo se muestran algunos de estos.

 

 

La lista completa puede ser consultada en la página web Color Chart.

 

En ciertas ocasiones es preferible identificar un color indicando la mezcla exacta de rojo, verde y azul que lo produce, es decir, sus valores RGB (Red, Green, Blue). HTML requiere que los valores RGB sean expresados en forma de código sexagecimal.

 

La figura de abajo muestra algunos colores, nombres, valores RGB y códigos sexadecimal.

 

 

La tabla abajo insertada permite identificar algunos colores extras con sus nombres y códigos sexagecimal.

 

                                   
                                   
                                   
                                   
                       

  

        
                                   
                                   
                                   
                                   
                                   
                                   
                       

 

Las propiedades del tag BODY permiten controlar algunos aspectos básicos del uso del color en páginas web.

 

<BODY BGCOLOR=color TEXT=color LINK=color VLINK=color>

 

BGCOLOR controla el color de fondo, TEXT el color general del texto, LINK el de las ligaduras y VLINK el de las ligaduras que ya han sido visitadas.

 

Por ejemplo:

 

<HTML>
<HEAD>
<TITLE>Indice</TITLE>
</HEAD>

<BODY BGCOLOR= #FFC088">

<H2>Indice</H2>
<UL TYPE=CIRCLE>
<A HREF="Lenguaje.html"><LI>Lenguaje HTML</A>
<A HREF="Tags.html"><LI>Tags</A>
</UL>

<H3>Recursos para el estudio de la programación HTML en la Red</H3>
<A HREF="http://www.banesto.es/banesto/manuhtml/castella/curso.htm">Manual de HTML en Línea</A>
<H3>Para consultas envie un e-mail a:</H3>
<A HREF="mailto:ncaste@pucmm.edu.do">Nestor Castellanos</A>
</BODY>

</HTML>

 

 

produce la salida:

 


| Lección 3 | 3.1 | 3.2 | 3.3 | 3.4 |