H I O X INDIA
Básica gratuita Tutorial HTML
 INICIO ||  HTML ||  CSS || Javascript || Mysql || SEO || Scripts  english  Français  中文  Deutsch 

HTML Básica
Introducción
Como hacerlo
Listado de Etiquetas
html, head, body
Text Manipulation
Imagenes
Efectos Especiales
utilizando tablas
Formas
Otros temas

Abarcamiento de filas en la tabla


Tema

Crear una tabla con dos filas en una columna y las otras en manera usual.
Como abarcar las filas de la columna en tables html



Explicación

Abarcar filas
Al usar tablas, puede ocurrir alguna vez que alguna de nuestras columnas necesiten ser abarcadas a través de algunas filas. Esto puede ser resuelto fácilmente usando rowspan.

Por ejemplo una tabla con tres filas y tres columnas con la segunda columna con una altura correspondiente a dos filas

Demo:
Primera Fila . .
Segunda Fila 2 2
Tercera Fila 3 3
Primera Fila spanned .
Segunda Fila 2
Tercera Fila 3 3
Tabla abarcamiento de Tabla


Aquí abarcamos una de las columnas en dos filas. Esto es hecho utilizando el atributo rowspan="x". En este caso, la columna puede abarcar dos filas, agregando el atributo "rowspan=2".

Como hemos abarcado una columna en primera fila a dos filas, debemos añadir sólo dos columnas en la segunda fila, como una columna más que abarca desde la primera fila.

Etiqueta:
<table>
<tr><td>Primera Fila</td> <td rowspan=2> spanned </td> <td> . </td></tr>
<tr><td>Segunda Fila</td><td> 2 </td></tr>
<tr><td>Tercera Fila</td><td> 3 </td><td> 3 </td></tr>
</table>





privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com

Otros enlaces