Title: tablas
Course: Ciencias de la computación 1º Bachillerato

Tablas

Las tablas en html se delimitan con la etiqueta <table></table>
Dentro de esta etiqueta se definen las filas (row) con la etiqueta <tr></tr>
Dentro de la fila se definen las columnas con la etiqueta <td></td>

Una tabla de 2 filas y 3 columnas tendría el siguiente código:
<table>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
Esta tabla como tal no se observaría porque no tiene nada dentro

Propiedades de tabla

Dentro de la etiqueta de la tabla o en un estilo si se quiere que todas las tablas sean iguales, se pueden definir las siguientes propiedades:

Border

Indica el tamaño del borde externo de la tabla. El valor se da en píxeles

cellpadding

Indica el espaciado entre el borde de la celda y el contenido

cellspacing

Indica la separación entre celdas

width

Indica el tamaño de la tabla. Puede darse el valor en píxeles o en porcentaje de la ventana.

align

Indica el alineamiento de la tabla en la página. Puede ser left, right o center

bgcolor

Define el color del fondo (background).

Ejemplo

En este ejemplo puedes ver un conjunto de tablas con distintas propiedades. Estudia su código.

Estilos en tabla

Cabecera

El uso de la etiqueta <th> en lugar de <td> permite destacar elementos dentro de una tabla. Se suele usar para rotular las cabeceras de fila y columna.Observa en este ejemplo y estudia su código.

Estilos

Los distintos elementos de una tabla tienen unos estilos predefinidos, pero se pueden modificar. Lo adecuado es hacerlo mediante código css, ya que hacerlo en las etiquetas sería muy tedioso tanto para realizarlo como para modificarlo.
Observa este ejemplo y estudia el código