sábado, 30 de enero de 2010

En un día como hoy 30 de enero del año...

1968 Nace Don Felipe de Borbón y Grecia.

¡ Anda ..!! hoy es el cumple del Príncipe.

[ARAGONÉS] Carta ubierta d’un republicano enta o príncipe Felipe en o suyo cuarenta cabo d’año
Imagen: djibnet

Vía: El Almanaque
Temas anteriores de curso HTML gratis *  http://bobuu.blogspot.com
81.- HTML – Tablas – Atributos Celdas: "background – bgcolor – width - height"
80.- HTML - Tablas-Celdas-Alineación Vertical "valign"
79.- HTML - Tablas - Formato de celdas
mas ... acceder al índice de temas ...
SOOLUCIONES.COM

jueves, 28 de enero de 2010

81.- HTML – Tablas – Atributos Celdas: "background – bgcolor – width - height"

Como ya hemos dicho las celdas también pueden personalizarse al igual que las tablas. Las modificaciones marcadas para las celdas tienen preferencia sobre las características que se han definido para la tabla.

Estas características se pueden definir mediante los siguientes atributos:

background : Permite insertar una imagen de fondo en la celda mediante el URI del recurso.

bgcolor : Especifica el color de fondo a la celda mediante el nombre del color o el valor sRGB

width : Es el ancho recomendado (en píxeles o en valor porcentual). Hay que tener en cuenta que si el contenido necesita mayor tamaño, el valor de este atributo no se respetara.

height : Es la altura recomendada (en píxeles o en valor porcentual). Al igual que ocurre con ´width´, Si el contenido necesita de mayor tamaño, el valor de este atributo no se respeta.

Código de Ejemplo aplicando las características vistas anteriormente:

<html>
  <head>
    <title>Tabla – Atributos de celdas</title>
  </head>
  <body>
       <table width=30%" border="1"  bordercolorlight="red" bordercolordark="maroon" >
      <tr>
         <th>Nombre</th>
         <th>Telefono</th>
         <th>Otros</th>
         <th>Comentarios</th>
      </tr>
      <tr>
         <td background="http://bit.ly/66iVj1">celda con imagen utilizando - background -</td>
         <td bgcolor="yellow">celda con color utilizando bgcolor</td>
         <td>normal</td>
      <td>celda normal</td>
      </tr>
      <tr>
         <td width="80%"> celda con width 80%</td>
         <td height="80%">celda con height 80%</td>
         <td>normal</td>
        <td>celda normal</td>
      </tr>
   </table>
  </body>
</html>

Representación del código en el explorador.

Nombre Telefono Otros Comentarios
celda con imagen utilizando - background - celda con color utilizando bgcolor normal celda normal
celda con width 80% celda con height 80% normal celda normal

* Notas: he probado el código en I.Explorer, Chrome y Mozilla, y todos han hecho caso omiso a los atributos “height y “width”.

Temas anteriores de curso HTML gratis

80.- HTML - Tablas-Celdas-Alineación Vertical "valign"
79.- HTML - Tablas - Formato de celdas
78.- HTML - Tablas, personalización de las celdas
mas ... acceder al índice de temas ...

Otros Links:
Piso en Garrucha - Almería € 110.000
Ático en Vera Playa - Almería € 303.500
Ático en Vera Playa - Almería € 300 (Alq.Anual)

sábado, 2 de enero de 2010