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 columnas en la Tabla


Tema

Como crear una tabla que contendrá una fila solamente con dos columnas mientras las demás tendrán 5 columnas
Como abarcar las columnas en tablas html



Explicación

Abarcar Columnas
Cuando utilizamos tablas, puede ocurrir que, algunas de nuestras filas tengan menos columnas que otras. Esto puede ser resuelto fácilmente usando colspan.

Por ejemplo: Una tabla con dos filas y tres columnas a la cual deseamos asignarle una columna a la primer fila y tres columnas a la segunda.

Demo:
Primer Fila . .
Segunda fila 2 2
Primer Fila
Segunda Fila 2 2
TablaAbarcamiento de Tabla


Aquí tenemos un abarcamiento de la columna a tres columnas. En lugar de agregar tres columnas nosotros solo podremos agregar una columna y usar el atributo colspan = "x". En este caso la columna es espaciada en tres, al agregar el atributo "colspan = 3"

Tag:
<table>
<tr>
<td colspan=3>
Primera Fila</td>
</tr>
<tr>
<td>
Segunda Fila
</td>
<td >.</td>
<td>2</td>
</tr>
</table>





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

Otros enlaces