HTML Básico (VIII): Celdas

Imaginad que tenéis que diseñar la siguiente tabla para la página principal de un sitio web

Con los atributos de la etiqueta <TABLE> que conocemos no podemos hacerla. Utilizaremos dos atributos nuevos. Para las etiquetas <td> y <th> existen los atributos colspan y rowspan, que se utilizan para combinar celdas.

 A través del atributo colspan se especifica el número de columnas por las que se extenderá la celda, y a través del atributo rowspan se especifica el número de filas por las que se extenderá la celda.

Ejemplo de ROWSPAN:

  <table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3"><p>Países Europeos</p></td>
<td><p>España</p></td>
<td><p>Madrid</p></td>
</tr>
<tr>
<td><p>Francia</p></td>
<td><p>Paris</p></td>
</tr>
<tr>
<td><p>Reino Unido</p></td>
<td><p>Londres</p></td>
</tr>
<tr>
<td rowspan="3"><p>Países Americanos</p></td>
<td><p>EEUU</p></td>
<td><p>Washington</p></td>
</tr>
<tr>
<td><p>Canada</p></td>
<td><p>Toronto</p></td>
</tr>
<tr>
<td><p>Mexico</p></td>
<td><p>Mexico</p></td>
</tr>
</table>

Países Europeos	España	Madrid
	Francia	Paris
	Reino Unido	Londres
Países Americanos	EEUU	Washington
	Canada	Toronto
	Mexico	Mexico