Es verdad que existen sitios que son construidos sin ninguna clase de tabla, pero hay algunas ocasiones en que esta se vuelve escencial para mostrar una lista o serie de opciones de cualquier tipo de información.
En el siguiente tutorial te presento una serie de ejemplos de tablas en documentos HTML que te podrán ser de gran ayuda:
1. Esta tabla es simple y sencillamente básica con una sola columna:
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td></tr>
</table>
2. Esta tabla es simple pero con
dos columnas:
| Titulo 1 | Titulo 2 |
|---|
| 1 | 1 |
| 2 | 2 |
| 3 | 3 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td></tr>
</table>
3. Y así sucesivamente, agrégale
una tercera o las que necesites:
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
4. Pero en vez de colocar varios títulos te gustaría solo uno con varios subtítulos, lo puedes realizar con la propiedad
colspan:
| Titulo |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| Mensaje |
|---|
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th colspan="3">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Subtitulo 1</th><th>Subtitulo 2</th><th>Subtitulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
</table>
5. Otra forma que existe es colocando un mensaje al lado izquierdo de la tabla y los tres títulos a la derecha. Lo podrás conseguir con la propiedad
rowspan:
| Mensaje |
|---|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
| Titulo 1 | Titulo 2 | Titulo 3 | Mensaje |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="5">Mensaje</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
6. Llevando a cabo el ejemplo
4 también podrás colocarle un mensaje a la izquierda:
| Mensaje | Titulo |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| Titulo | Mensaje |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="5">Mensaje</th><th colspan="4">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Subtitulo 1</th><th>Subtitulo 2</th><th>Subtitulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
</table>
7. Igual que en ejemplo anterior, solo reduce el
valor para obtener este resultado:
| Mensaje | Titulo |
|---|
| 1 | 1 | 1 |
| 1 | 2 | 2 | 2 |
| 2 | 3 | 3 | 3 |
| Titulo | Mensaje |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 | 1 |
| 3 | 3 | 3 | 2 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="2">Mensaje</th><th colspan="3">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>3</td><td>3</td><td>3</td></tr>
</table>
8. Por último edita las tablas como desees:
|
Titulo | Mensaje |
|---|
|
1 |
1 |
1 |
|
1 |
2 |
2 |
2 |
|
2 |
3 |
3 |
3 |
Varía el
valor del borde
El
tamaño en general de la tabla
El
ancho de la tabla
El
color de fondo de la tabla y la
alineación del texto.
<table border="8" cellpadding="15" width="100%">
<tr bgcolor="#006633" align="center"><th rowspan="2">Mensaje</th><th colspan="3">Titulo</th></tr>
<tr bgcolor="#880000" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#880000" align="center"><td>1</td><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#880000" align="center"><td>2</td><td>3</td><td>3</td><td>3</td></tr>
</table>
Si observas en todos los ejemplos, los titulos se encuentran alineados hacia el centro pero los puedes alinear a la
izquierda (left) o a la
derecha (right).
Y si decidieras cambiarle el color del texto puedes colocarle a los títulos este código:
<font color="#color">Titulo</font>
Ojala y te puedan servir en algo.
Acontinuación te dejo 10 ejemplos de tablas fusionadas:
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td></tr>
</table>
</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td></tr>
</table>
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
|
|
|
|
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td></tr>
</table>
</td></tr>
</table>
| Titulo 1 | Titulo 2 |
|---|
| 1 | 1 |
| 2 |
| Titulo 1 | Titulo 2 |
|---|
| 1 | 1 |
| 2 | 2 |
| 3 | 3 |
|
| 3 | 2 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td></tr>
</table>
</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>2</td></tr>
</table>
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 |
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
| 2 |
| 3 | 2 | 3 |
<table border="1" cellpadding="10" width="100%">
<tr align="center" bgcolor="#FFFFFF"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr align="center" bgcolor="#FFFFFF"><td>1</td><td>1</td><td>1</td></tr>
<tr align="center" bgcolor="#FFFFFF"><td>2</td><td>
<table border="1" cellpadding="10" width="100%">
<tr align="center" bgcolor="#FFFFFF"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr align="center" bgcolor="#FFFFFF"><td>1</td><td>1</td><td>1</td></tr>
<tr align="center" bgcolor="#FFFFFF"><td>2</td><td>2</td><td>2</td></tr>
<tr align="center" bgcolor="#FFFFFF"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>2</td></tr>
<tr align="center" bgcolor="#FFFFFF"><td>3</td><td>2</td><td>3</td></tr>
</table>
| Titulo |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| 1 | 1 | 1 |
| 2 |
| Titulo |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 2 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th colspan="3">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Subtitulo 1</th><th>Subtitulo 2</th><th>Subtitulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th colspan="3">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Subtitulo 1</th><th>Subtitulo 2</th><th>Subtitulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
</table>
</td><td>2</td></tr>
</table>
| Mensaje |
|---|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 |
| Mensaje |
|---|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
| 2 |
| 3 | 2 | 3 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="5">Mensaje</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="5">Mensaje</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>2</td><td>3</td></tr>
</table>
| Mensaje | Titulo |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| 1 | 1 | 1 |
| 2 |
| Mensaje | Titulo |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 2 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="5">Mensaje</th><th colspan="4">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Subtitulo 1</th><th>Subtitulo 2</th><th>Subtitulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="5">Mensaje</th><th colspan="4">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Subtitulo 1</th><th>Subtitulo 2</th><th>Subtitulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
</table>
</td><td>2</td></tr>
</table>
| Mensaje |
| Mensaje | Titulo |
|---|
| 1 | 1 | 1 |
| 1 | 2 | 2 | 2 |
| 2 | 3 | 3 | 3 |
|
|---|
| 1 | 1 | 1 |
| 1 | 2 | 2 | 2 |
| 2 | 3 | 3 | 3 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="2">Mensaje</th><th colspan="3">
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th rowspan="2">Mensaje</th><th colspan="3">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>3</td><td>3</td><td>3</td></tr>
</table>
</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>3</td><td>3</td><td>3</td></tr>
</table>
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
</table>
| Titulo |
|---|
| Subtitulo 1 | Subtitulo 2 | Subtitulo 3 |
|---|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
| Titulo 1 | Titulo 2 | Titulo 3 |
|---|
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
|
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th colspan="3">Titulo</th></tr>
<tr bgcolor="#FFFFFF" align="center"><th>Subtitulo 1</th><th>Subtitulo 2</th><th>Subtitulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td><td>
<table border="1" cellpadding="10" width="100%">
<tr bgcolor="#FFFFFF" align="center"><th>Titulo 1</th><th>Titulo 2</th><th>Titulo 3</th></tr>
<tr bgcolor="#FFFFFF" align="center"><td>1</td><td>1</td><td>1</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>2</td><td>2</td><td>2</td></tr>
<tr bgcolor="#FFFFFF" align="center"><td>3</td><td>3</td><td>3</td></tr>
</table>
</td></tr>
</table>
