Bienvenido a TerritorioPc.com Tutorial de HTML
Tutoriales
  • Windows
  • Word
  • Access
  • Excel
  • Html
  • JavaScript
  •  

    Tablas

    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 <TABLE border=0>, 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:

     

    <TABLE>

    <TH bgcolor=BLUE> Disco </TH>

    <TH bgcolor=BLUE> Precio </TH>

    <TR> <TH> Lo mejor de John Huge </TH>

    <TH> 700 </TH>

    </TABLE>

    F�ate que bgcolor se utiliza dentro del elemento <TH> o <TFD>, 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

    Es f�il recordar estos c�igos sobre todo si sabes algo de ingl�. De todas formas existe una posibilidad m� completa a la hora de seleccionar un color y es utilizando la f�mula #RGB (Red, Green, Blue/ Rojo, Verde, Azul). Esto significa que podemos establecer qu�cantidad de cada uno de los tres colores queremos. A cada color se le asigna un nmero de dos cifras. Por ejemplo:

     

    #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:

     

    <TABLE border=1>

    <TD align=left> hola </TD>

    <TD align=center> hola </TD>

    <TD align=right> hola </TD>

    </TABLE>

    El ejemplo anterior dar� como resultado:

    hola

    hola

    hola


     

     

     

    :�dice Tutorial de Html:


  • Introducción
  • Tags
  • Fuentes
  • Enlaces
  • Imágenes
  • Crear Enlaces con Imágenes
  • Añadir Sonido a una Página Web
  • Tablas
  • Marquesinas
  • Colores e Imágenes de Fondo

  •  
    W e b G e n i o - Dise� de Webs




    Todos los logos son propiedad de sus respectivos due�s. Los comentarios son propiedad de los usuarios,
    el resto 2001 territoriopc.com