Tablas en HTML

Podemos modificar el aspecto de una tabla cambiando los colores de fondo de las celdas o el ancho de los bordes, por ejemplo.

Para modificar la anchura del borde de la tabla utilizamos border.

Border no se utiliza solo, sino que va incluido dentro del elemento <TABLE>. Aquí tienes algunos ejemplos:

<TABLE border=1>

<TABLE border=2>

<TABLE border=3>

<TABLE border=4>



Si incluimos
, crearemos una tabla con los bordes invisibles. Esto es particularmente til cuando queremos dividir una p�ina en varias zonas sin que se vean las l�eas que las separan.

Para modificar los colores de la tabla, podemos utilizar bgcolor de la siguiente forma:

Disco Precio
Lo mejor de John Huge 700

Fíjate que bgcolor se utiliza dentro del elemento

o , al hacerlo igual a blue conseguimos que la celda a aparezca en color azul. De esta forma puedes aplicar un color diferente a cada celda. Algunas posibilidades que tienes son las siguientes:

Con: Se consigue:
Red Rojo
Blue Azul
Magenta Rosa
Grey Gris
White Blanco
Black Negro
Cyan Celeste
#770000, significa: Rojo=77, Verde=00 y Azul=00, por lo tanto equivale a un color rojo claro
#005500, significa: Rojo=00, Verde=55 y Azul=00, por lo tanto equivale a verde, pero m� oscuro que el rojo anterior
#000099, significa: Rojo=00, Verde=00 y Azul=99, por lo tanto equivale a azul m� claro que los dos anteriores

Igualmente podemos combinar colores:

#245779, significa: Rojo=24, Verde=57 y Azul= 79, estamos mezclando un poquito de rojo, con algo m� de Verde y mucho Azul


De esta forma tenemos muchas m� posibilidades de color y podemos buscar el tono exacto que necesitemos. Mientras m� grande sea el nmero que definas para un color, m� claro ser�este y al contrario, si asignas un nmero muy bajo, el color ser�m� oscuro.

Los nmeros van desde 0 hasta F (hexadecimal). Esto significa que el nmero m� grande no es el 9, sino la F. El orden ser� el siguiente:

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Es decir:

El color #777777 es un color claro, ya que al rojo, verde y azul se les est�asignando nmeros altos (77).
El color #999999 es an m� claro que el anterior, ya que los nmeros son m� altos todav�.
Un color m� claro que los anteriores ser� #BBBBBB.
Pero el m� claro de todos ser� #FFFFFF (este color es blanco total, ya que asignamos el m�imo valor a los tres colores)

Podemos alinear el texto dentro de una tabla utilizando ‘align’. Por ejemplo:

hola hola hola

El ejemplo anterior dar� como resultado:

hola

hola

hola


Share This Post

Recent Articles

Leave a Reply

© 2012 Territorio PC. All rights reserved. Site Admin · Entries RSS · Comments RSS
Powered by WordPress · Designed by Theme Junkie