Crear Tablas con etiquetas para HTML

1. Gustavo Rodríguez

2. - Tablas -
Son herramientas muy útiles para presentar datos en
forma de tablas y para el diseño de páginas y ubicación de
textos y gráficos dentro de las mismas.
Características:
 Definimos las tablas con la etiqueta <table>.
 La tabla está dividida en filas definidas con la etiqueta
<tr>.
 Y a su vez cada fila dividida en celdas definidas con la
etiqueta <td>.
 Las celdas pueden contener texto, imágenes,
formularios, listas, otras tablas, etc.
Gustavo Rodriguez

3. - Sintaxis -
 <table>
 <tr>
 <td>contenido celda 1</td>
 <td>contenido celda 2</td>
 </tr>
 </table>
Gustavo Rodriguez

4. - Etiquetas -
Por cada celda que componga cada fila de la
tabla, deberá insertar <td> y </td>. Por lo tanto,
habrá que insertar esas etiquetas entre las
etiquetas <tr> y </tr>.
Entre las etiquetas <td> y </td> podrá escribir el
contenido de cada celda.
Gustavo Rodriguez

5. - Filas -
Para crear una tabla se debe especificar el
número de filas y el número de columnas.
 <table>
 <tr>...</tr>
 <tr>...</tr>
 <tr>...</tr>
 <tr>...</tr>
 <tr>...</tr>
 </table>
Gustavo Rodriguez

6. - Ejemplo -
 <table border="1">
 <tr>
 <td>Lunes</td>
 <td>Martes</td>
 <td>Miércoles</td>
 <td>Jueves</td>
 <td>Viernes</td>
 </tr>
 <tr>
 <td>Diana</td>
 <td>Rodrigo</td>
 <td>Tania</td>
 <td>Antonio</td>
 <td>Estefanía</td>
 </table>
Gustavo Rodriguez

7. - Atributos -
Atributo Significado
width Ancho de la tabla.
height Altura de la tabla.
cellpadding
Espacio entre el
contenido de las celdas y
el borde.
cellspacing Espacio entre celdas.
border Grosor del borde.
align Alineación de la tabla
dentro de la página.
bgcolor Color de fondo.
background Imagen de fondo.
bordercolor Color del Borde.
Gustavo Rodriguez

8. Atributo Significado
colspan Expande una celda
horizontalmente.
rowspan Expande una celda
verticalmente.
Gustavo Rodriguez