PcWeb, dentro de la red

Manual práctico de HTML

Atributos de las celdas

Estos atributos modifican el formato de las filas y/o celdas dependiendo si están en un <tr bgcolor="red"> afectaría a toda la fila o se encuentra en <td bgcolor="yellow"> donde solamente afectaría a la celda.
Estos atributos son:

bgcolor ="nombre del color / número hexadecimal". Define el color de la celda o fila.

bordercolor="nombre del color / número hexadecimal". Define el color del borde de la celda.

align="top / middle / bottom". Elegimos el lugar en cual el texto es colocado. Top (arriba),middle(centro) y bottom(abajo)

valign="left / center / right". Alineación del texto izquierda (left), centro(center), o derecha (right)

Los siguientes atributos sólo pueden ser aplicados a una celda y no al conjunto de celdas que forman una fila.

colspan="n". Expande el una celda horizontalmente tantas celdas como el valor asignado a n

rowspan="n". Expande una celda verticalmente tanta celdas como el valor asignado a n

width="n". El valor n indica la anchura de la tabla en pixels (200) o porcentaje (20%). Este atributo también se puede aplicar a la celdas <td>.

height ="n". El valor n, define la altura de la celda en pixels o porcentaje.

Ejemplos aplicando lo anterior:

Ejemplo (1) : 
 <table border="1">
   <tr>
     <td bgcolor="lime" width="250">Diseño de páginas</td>
     <td> las tablas </td>
   </tr>
 </table>
se visualizará:

Diseño de páginas las tablas

Ejemplo (2): 
 <table border="1">
   <tr>
     <td colspan="3" > Diseño de páginas</td>
   </tr>
   <tr>
     <td> Atributos </td>
     <td> Celdas </td><
     td> las tablas </td>
   </tr>
 </table>
se visualizará:

Diseño de páginas
Atributos Celdas las tablas

Ejemplo (3): 
 <table border="1">
   <tr>
     <td> Diseño de páginas</td>
   </tr>
   <tr>
     <td rowspan="2"> Atributos </td>
     <td> Celdas </td>
     <td> las tablas </td>
   </tr>
   <tr>
     <td> A </td><td> B </td>
   </tr>
 </table>
Se visualizará:

Diseño de páginas
Atributos Celdas las tablas
AB