Las tablas en HTML-5

Las tablas admiten fusión o unión de celdas. Con HTML5 esto lo conseguimos con las etiquetas colspan para celdas en diferentes columnas y rowspan para celdas en distintas filas. Se les asigna el número de celdas que van a combinarse. Quí tienes un par de ejemplos

<table style="width:55%;">
<tr>
<td colspan="2">Libros</td>
<td colspan="2">Videos</td>
</tr>
<tr>
<td>El Quijote</td>
<td>&nbsp;</td>
<td>Blade Runner</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Código Da Vinci</td>
<td>&nbsp;</td>
<td>La caza</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>La Clase</td>
<td>&nbsp;</td>
<td>UBoat</td>
<td>&nbsp;</td>
</tr>
</table>

Escribe este código en una página que será tu ejercicio04.htm

En este otro caso se combinan celdas de varias filas

<table style="width:55%">
<tr>
<td style="width:18%" rowspan="2">Almuerzo</td>
<td style="width:82%">Pasta con tomate</td>
</tr>
<tr>
<td>Fruta</td>
</tr>
<tr>
<td rowspan="2">Cena</td>
<td>Huevos</td>
</tr>
<tr>
<td>Fruta</td>
</tr>
</table>

Escribe este código en la página del ejercicio04.htm

Como ves hay diferencias el ancho no se especifica con el atributo width sino dentro de una etiqueta style, estilos CSS. Verás que son sumamente útiles.