Logo Clubplaneta
Compártenos
Facebook Twitter Google Correo Pin it

Buscar en el portal
Esquina
/www.cad.com.mx/ > Curso de html en linea > Tablas. > Tabla.
Esquina


Publicidad

Publicidad



Publicidad

Tabla.

<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>

Alineación celdas.

Tablas.
Curso de html en linea

Zona de comentarios

Política de Privacidad Contacto