jueves, 15 de diciembre de 2011

COMO PONER COLOR DE TEXTO, FONDO DE LA PAGINA Y TAMAÑO DE LETRA EN HTML


Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:

1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)
2. Mediante la especificación del nombre del color en ingles
Ejemplos:
<FONT COLOR="BLACK">Negro</FONT>
Negro
#000000
<FONT COLOR="RED">Rojo</FONT>
Rojo
#FF0000
<FONT COLOR="GREEN">Verde</FONT>
Verde
#00FF00
<FONT COLOR="BLUE">Azul</FONT>
Azul
#0000FF
<FONT COLOR="YELLOW">Amarillo</FONT>
Amarillo
#FFFF00


Para ponerle color de fondo a la página escribir:
<body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro.
Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.
Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:
  • text="#número" Para el color del texto.
  • link="#número" Para el color de los enlaces.
  • vlink="#número" El color con que aparecerán los enlaces ya visitados.
  • alink="#número" Color del enlace cuando lo pulsamos.
Por lo tanto la etiqueta <body> puede quedar del siguiente modo:
<body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num">
Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:
background="localización de la imagen" Esta etiqueta va dentro de la etiqueta <body>.
Ejemplo:
<body background="/documentos/html/gifs/dragonball.gif">

No hay comentarios:

Publicar un comentario