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

Estilos en tabla

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 ejemploy estudia el código

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.Observaeste ejemplo y estudia su código.

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 pixeles

cellpadding

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

cellspacing

Indica la separación entre celdas

width

India el tamaño de la tabla. Puede darse el valor en pixeles o en porcentaje de la ventana.

align

Indica el alinamiento 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.

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