HTML Tabla Colspan & Rowspan
Las tablas HTML pueden tener celdas que abarcan varias filas y/o columnas.
NAME | ||
---|---|---|
APRIL | ||
---|---|---|
2025 | ||
---|---|---|
FIESTA | ||
HTML Tabla - Colspan
Para hacer que una celda abarque varias columnas, utilice el atributo colspan
:
Ejemplo
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
Inténtalo tú mismo »
Nota: El valor del atributo colspan
representa el número de columnas que se abarcarán.
HTML Tabla - Rowspan
Para hacer que una celda abarque varias filas, utilice el atributo rowspan
:
Ejemplo
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
Inténtalo tú mismo »
Nota: El valor del atributo rowspan
representa el número de filas que se van a abarcar.