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. > Celda extendida.
Esquina


Publicidad

Publicidad



Publicidad

Celda extendida.

Celdas extendidas:Para crear una celda que abarque varias filas o columnas, debemos colocar en las etiquetas <th> o &lT;td> los atributos:

1. rowspan= más el número de filas que se quiere abarcar. Abarcará celdas hacia abajo.
2. colspan= más el número de columnas que se quiere abarcar. Abarcará celdas hacia un lado.

Se recomienda que antes defina como quiere que quede su tabla para poder tener un mejor manejo de estos accesorios

Ejemplo

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>Dato 1</TD>
<TD>Dato 2</TD>
<TD>Dato 3</TD>
</TR>
<TR>
<TD>....</TD>
<TD>....</TD>
<TD>....</TD>
</TR>
<TR>
<TD>Dato 4</TD>
<TD>Dato 5</TD>
<TD>Dato 6</TD>
</TR>
<TR>
<TD>....</TD>
<TD>....</TD>
<TD>....</TD>
</TR>
</TABLE>

Alineación celdas. | Titulos en tablas.

Tablas.
Curso de html en linea

Zona de comentarios

Política de Privacidad Contacto