Este es el codigo:
2 Columnas
<table border="1" cellpadding="5" style="width: 100%;"><tbody>
<tr><td>C1,F1</td>
<td>C2,F1</td>
</tr>
<tr><td>C1,F2</td>
<td>C3,F2</td></tr>
<tr><td>C1,F3</td>
<td>C3,F3</td></tr>
</tbody></table>
3 Columnas
<table style="width: 100%;" border="1" cellpadding="5"><tbody>
<tr><td>C1,F1</td>
<td>C2,F1</td>
<td>C3,F1</td></tr>
<tr><td>C1,F2</td>
<td>C2,F2</td>
<td>C3,F2</td></tr>
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td>C3,F3</td></tr>
</tbody></table>
*Donde pone border entre "" hay un 1 si quieres que no sea visible ponle un 0, pero te recomiendo que primero pongas las imágenes y ya luego le pones el 0 para saber donde esta cada recuadro, al menos al poner las 3 primeras imágenes.
*Para añadir más recuadros y no tener que poner 2 tablas distintas solo tienes que copiar esto las veces que quieras:
2 Columnas:
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td>C3,F3</td></tr>
3 columnas:
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td>C3,F3</td></tr>
Pero ponlo antes de </tbody></table>
De cuantas columnas y filas lo quieres? Asi te lo explico como hacerlo
PD: Espero haberme explciado bien, sino ya sabes, preguntame :)
