<TABLE> <TR> <TD><>
Las etiquetas surgieron con la versión HTML 3.0. Las tablas nos permiten representar y ordenar cualquier elemento de nuestra presentación en diferentes filas y columnas de modo que podamos resumir grandes cantidades de información de una manera que puede representarse rápida y fácilmente.
El contenido de una tabla lo debemos desarrollar entre las etiquetas <table>.....</table>.
Las tablas se definen fila a fila, celda a celda, comenzando desde la celda superior izquierda. Las columnas se calcularán automáticamente según las celdas que hay en cada fila.
Cada fila de la tabla se indica mediante las etiquetas <tr>.....</tr>. Las etiquetas <th> y <td> con sus correspondientes etiquetas de cierre, indican las filas individuales dentro de cada fila. Las etiquetas <th>.....</thGT; indican que se trata de celdas que sirven como encabezado de tabla y suelen visualizarse en negrita. Las etiquetas <td>.....</td> indican que se trata de celdas comunes.
Ejemplo asi se mirarìa la tabla.
Tabla de prueba
| Cabecera 1 |
Cabecera 2 |
Cabecera 3 |
Cabecera 4 |
Cabecera 5 |
| Dato 1 |
Dato 2 |
Dato 3 |
Dato 4 |
Dato 5 |
| .... |
.... |
.... |
.... |
| Dato 6 |
Dato 7 |
Dato 8 |
Dato 9 |
Dato 10 |
| .... |
.... |
.... |
.... |
Codigo fuente.
<TABLE BORDER="1"> <caption>Tabla de prueba</caption>
<TH>Cabecera 1</TH>
<TH>Cabecera 2</TH>
<TH>Cabecera 3</TH>
<TH>Cabecera 4</TH>
<TH>Cabecera 5</TH>
</TR>
<TR>
<TD rowspan=2>Dato 1</TD>
<TD>Dato 2</TD>
<TD>Dato 3</TD>
<TD>Dato 4</TD>
<TD>Dato 5</TD>
</TR>
<TR>
<TD>....</TD>
<TD>....</TD>
<TD>....</TD>
<TD>....</TD>
<TR>
<TD>Dato 6</TD>
<TD>Dato 7</TD>
<TD rowspan=2>Dato 8</TD>
<TD>Dato 9</TD>
<TD>Dato 10</TD>
</TR>
<TR>
<TD>....</TD>
<TD>....</TD>
<TD>....</TD>
<TD>....</TD>
</TR>
</TABLE>
Envia esta página a un amigo