Tablas
Las tablas
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 para indicar
las filas individuales dentro de cada fila. Las etiquetas <th>.....</th>
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.
Ejemplo1.html
<HTML>
<HEAD>
<TITLE>Ejemplo 1</TITLE>
</HEAD>
<BODY>
<H1>Tablas básicas</H1>
<TABLE BORDER="1">
<TR>
<TH>Cabecera 1</TH>
<TH>Cabecera 2</TH>
<TH>Cabecera 3</TH>
</TR>
<TR>
<TD>Dato 1</TD>
<TD>Dato 2</TD>
<TD>Dato 3</TD>
</TR>
<TR>
<TD>Dato 4</TD>
<TD>Dato 5</TD>
<TD>Dato 6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<<<Anterior
- Siguiente>>>
|