FAQ | Internet y la web | El Diseño web | Páginas web | Lenguaje html | Imágenes | Tablas | Estilos

Atributos rowspan y colspan

Las celdas de una tabla se pueden extender en la fila o en la columna. Para ello se utilizan los atributos rowspan y colspan de las etiquetas <th> y <td>:

• ROWSPAN: extiende una celda a varias filas. Formato:
ROWSPAN=número de filas

• COLSPAN: extiende una celda a varias columnas. Formato:
COLSPAN=n úmero de columnas

Atributo colspan

<table>
<tr>
<th colspan=3>Ejemplo</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>

Ejemplo
1 2 3
4 5 6

Atributo rowspan

<table>
<tr>
<th>Ejemplo1</th>
<th>Ejemplo2</th>
<th>Ejemplo3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td rowspan=2>3,6</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
</table>

Ejemplo1 Ejemplo2 Ejemplo3
1 2 3,6
4 5

 

Tabla con los atributos colspan y rowspan juntos

<table>
<tr>
<th colspan=3>Ejemplo</th>
</tr>
<tr>
<th>Ejemplo1</th>
<th>Ejemplo2</th>
<th>Ejemplo3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td rowspan=2>3,6</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
</table>

Ejemplo
Ejemplo1 Ejemplo2 Ejemplo3
1 2 3,6
4 5




Diseño web de Hooping