Diseño de páginas web 902 026 324

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>

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>

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>

• Definición y creación de una tabla

  • ¿Tiene título una tabla?

  • Filas y columnas

• Atributos de las tablas

  • Propiedades de las celdas

  • Tamaño de las celdas

  • Alineación del contenido de las celdas

  • Color de fondo de las celdas

  • Imagen de fondo de las celdas

  • Configuración de las celdas vacías

• Aplicaciones de las tablas