Etiquetas
de color
El color permite dar
características especiales a las páginas Web; puedes dar color al texto, al
fondo de la página, a las imágenes, y hasta a las tablas, asignándoles color de
fondo y de contorno.
También se da color a los hipervínculos, lo que permite ver si ya
has pulsado sobre ellos o no.
Los colores básicos se
escriben utilizando sus nombres en inglés, o el código hexadecimal
correspondiente:
Red (#FF0000)
Blue (#0000FF)
Yellow (#FFFF00)
Green (#008000)
Black (#000000)
White (#FFFFFF)
Maroon
(#800000)
El código que más se utiliza en las páginas Web para
definir los colores del fondo, del texto y de los hipervínculos es el siguiente
<BODY
bgcolor=”#F0E68C” text=”#A30E1d” link=”#0000FF” vlink=”#B50030”
alink=”#800040”>
Dónde:
bgcolor. Color
del fondo
text.
Color de todo el texto del documento
link.
Color del texto al que se le ha asignado
un hipervínculo
vlink.
Cambia el color cuando se pulsa en un hipervínculo
alink.
Color de los vínculos activos en el documento
Actividad
1:
a Busca en Internet el equivalente en código
hexadecimal de los siguientes colores: aqua, gray, lime, navy, purple, silver, fuchsia, olive, teal.
En el cuaderno.
Actividad
2:
a Copia y pega el siguiente código en un bloc
de notas.
b Agrega al siguiente código HTML los
diferentes colores(Fuente y fondo de página), cambia el texto, tamaño de fuente,
número de espacios, etc.
c Guárdalo con el nombre PAGINA la extensión
.HTML en una carpeta Nueva con tu nombre en la biblioteca Documentos.
<HTML>
<HEAD>
<TITLE>MI PRIMERA
PAGINA</title>
</HEAD>
<BODY
bgcolor="#FFCC99">
<font
color="#CC3300" size="5">Hola, estoy haciendo
pruebas.</font>
<H1>La
contaminación</H1>
<H2>La contaminación</H2>
<H3>La contaminación</H3>
<HR width=25% align=left size=4>
<B>La
contaminación</B><BR>
<l>La
contaminación</l><BR>
<S>La
contaminación</S><BR>
<U>La
contaminación</U><BR>
<STRONG>La
contaminación</STRONG><BR>
<Marquee direction=left/rigth>La contaminación</marquee><BR>
<HR width=25% align=left size=4 noshade>
<
BR><BR><BR><BR><BR><BR>
Dejamos
seis espacios en blanco arriba y seis abajo
<BR><BR><BR><BR><BR><BR>
<HR noshade>
<FONT size=6
color=0000ff face= arial>La contaminación</FONT>
<P><FONT
size=3 color=0000ff face= arial>Escribe aquí un texto … escribe algún texto...</FONT>
<HR
noshade>
</BODY>
</HTML>
