Logo Clubplaneta
Compártenos
FacebookTwitterGoogleCorreoPin 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 1Cabecera 2Cabecera 3Cabecera 4Cabecera 5
Dato 1Dato 2Dato 3Dato 4Dato 5
................
Dato 6Dato 7Dato 8Dato 9Dato 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