En esta siguiente parte conoceremos sobre los colores en html y el uso de estos....
Seguramente te has estado preguntando sobre como podemos agregar mas color a nuestras paginas bueno... el html nos permite una serie de atributos que se aplican a varias etiquetas y aceptan varios valores, los atributos son los siguientes con su respectivo uso.
bgcolor: este atributo se pone en la tag de body de inicio por ejemplo <body bgcolor="valor"> .... </body> y sirve para ponerle un color de fondo a la pagina.
color: se aplica a la tag <font> <p> <a> y hasta a la tag <hr /> sirven para poner el color al texto, enlace o a la barra separadora que se genera con <hr />.
bordercolor: sirve para poner un color al borde de las imagenes y de las tablas (en el siguiente tutorial hablaremos sobre las tablas).
ahi que decir que algunos atributos como bgcolor y bordercolor no es muy recomendable usarlos ya que ya estan casi obsoletos y en cambio ahora gracias al css ( Hojas de estilo en cascada que mas adelante hare otro tutorial sobre CSS ) se puede dar un mejor formato al html. aun que es factible que lo usen solamente los que apenas inician en esto... y solamente con el fin de iniciarse y que puedan entender como funciona un sitio web, en mi opinion.
el html nos proporciona dos metodos para insertar colores que son: una por medio del nombre y otra por medio del codigo hexadecimal del color.
nombre:
generalmente es el nombre del color en ingles como rojo-red, verde-green, amarillo-yellow etc etc. por ejemplo:
----------------------------------------
<p color="red">este texto esta en color rojo.</p>
o poner el fondo de color verde
<body bgcolor="green"> ..... </body>
----------------------------------------
aqui una pequeña lista de colores con sus traducciones al ingles y que podemos usar para html:
----------------------------
verde - green
rojo - red
azul - blue
amarillo - yellow
blanco - white
negro - black
rosa - pink
gris - gray
cabe decir que si usamos el metodo de poner el color por medio del nombre puede que algunos navegadores interpreten distintos tonos a cada color y por eso se recomienda usar mejor el sistema hexadecimal.
----------------------------------------
Color por Codigo hexadecimal:
Los colores en HTML son construidos usando una combinación de tres colores básicos: rojo, verde y azul. Cada uno de estos colores toma un valor entre 0 y 255 y son representados en notación hexadecimal (00 a FF). De esta forma, un color está compuesto por seis caracteres donde los dos primeros representan el valor para el rojo, los dos segundos representan el valor para el verde y los dos terceros representan el valor para el azul (por ejemplo, el rojo tiene FF para el valor rojo y 00 para el resto: "FF0000". Para poder usar este codigo hexadecimal en HTML lo unico que falta es usar el simbolo # (gato, almohadilla o asterisco). veamos un ejemplo practico.
<p color="#FF0000"> texto en color rojo </p>
Puede que paresca un poco dificil de memorizar este sistema de codigos hexadecimales por eso les dejo aqui un enlace que ofrece un sistema para escojer un color y te genera el codigo hexadecimal correspondiente.
enlace: http://html-color-codes.info/codigos-de-colores-hexadecimales/
Bueno hasta aqui llega este pequeño tutorial.. recuerden practicar y practicar... en el siguiente tutorial veremos como insertar tablas en html.
Seguramente te has estado preguntando sobre como podemos agregar mas color a nuestras paginas bueno... el html nos permite una serie de atributos que se aplican a varias etiquetas y aceptan varios valores, los atributos son los siguientes con su respectivo uso.
bgcolor: este atributo se pone en la tag de body de inicio por ejemplo <body bgcolor="valor"> .... </body> y sirve para ponerle un color de fondo a la pagina.
color: se aplica a la tag <font> <p> <a> y hasta a la tag <hr /> sirven para poner el color al texto, enlace o a la barra separadora que se genera con <hr />.
bordercolor: sirve para poner un color al borde de las imagenes y de las tablas (en el siguiente tutorial hablaremos sobre las tablas).
ahi que decir que algunos atributos como bgcolor y bordercolor no es muy recomendable usarlos ya que ya estan casi obsoletos y en cambio ahora gracias al css ( Hojas de estilo en cascada que mas adelante hare otro tutorial sobre CSS ) se puede dar un mejor formato al html. aun que es factible que lo usen solamente los que apenas inician en esto... y solamente con el fin de iniciarse y que puedan entender como funciona un sitio web, en mi opinion.
el html nos proporciona dos metodos para insertar colores que son: una por medio del nombre y otra por medio del codigo hexadecimal del color.
nombre:
generalmente es el nombre del color en ingles como rojo-red, verde-green, amarillo-yellow etc etc. por ejemplo:
----------------------------------------
<p color="red">este texto esta en color rojo.</p>
o poner el fondo de color verde
<body bgcolor="green"> ..... </body>
----------------------------------------
aqui una pequeña lista de colores con sus traducciones al ingles y que podemos usar para html:
----------------------------
verde - green
rojo - red
azul - blue
amarillo - yellow
blanco - white
negro - black
rosa - pink
gris - gray
cabe decir que si usamos el metodo de poner el color por medio del nombre puede que algunos navegadores interpreten distintos tonos a cada color y por eso se recomienda usar mejor el sistema hexadecimal.
----------------------------------------
Color por Codigo hexadecimal:
Los colores en HTML son construidos usando una combinación de tres colores básicos: rojo, verde y azul. Cada uno de estos colores toma un valor entre 0 y 255 y son representados en notación hexadecimal (00 a FF). De esta forma, un color está compuesto por seis caracteres donde los dos primeros representan el valor para el rojo, los dos segundos representan el valor para el verde y los dos terceros representan el valor para el azul (por ejemplo, el rojo tiene FF para el valor rojo y 00 para el resto: "FF0000". Para poder usar este codigo hexadecimal en HTML lo unico que falta es usar el simbolo # (gato, almohadilla o asterisco). veamos un ejemplo practico.
<p color="#FF0000"> texto en color rojo </p>
Puede que paresca un poco dificil de memorizar este sistema de codigos hexadecimales por eso les dejo aqui un enlace que ofrece un sistema para escojer un color y te genera el codigo hexadecimal correspondiente.
enlace: http://html-color-codes.info/codigos-de-colores-hexadecimales/
Bueno hasta aqui llega este pequeño tutorial.. recuerden practicar y practicar... en el siguiente tutorial veremos como insertar tablas en html.