Tablas en el Blog jm-manuales.blogspot.

com

TABLAS EN EL BLOG

El editor de Blogger no ofrece la posibilidad de incluir tablas en nuestras entradas del Blog. Puede
llegar un momento en que necesitemos usar tablas, bien para presentar texto (en formato de
columnas por ejemplo) o pequeñas imágenes que no queremos que aparezcan unas debajo de otras.
En la entrada del Blog que trata sobre las Plantillas os presentaba tres lugares:

Estas tres imágenes están colocadas dentro de una tabla que tiene una fila y tres columnas. Para
incluir esa tabla en la entrada debemos escribir el código correspondiente en Edición de HTML .
Una tabla con una fila y tres columnas tiene este código:

<table bgcolor="#f4e3bc" border="1" cellpadding="5" style="width: 100%;">

<tbody>
<tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td><td>Texto o imagen 3</td></tr>
</tbody>
</table>

Si colocamos este código en Edición de HTML este sería el resultado.

Texto o imagen 1 Texto o imagen 2 Texto o imagen 3

Vamos a comentar un poco este código:

El código de la tabla comienza con la etiqueta <table> de apertura y </table> de cierre,esta

etiqueta de tabla tiene los siguientes atributos.
• bgcolor: color de fondo (podemos obtener códigos de colores de aqui , o no incluir color).
• border: el tamaño del borde en píxeles ( ponemos 0 si no queremos que sea visible)
• cellpadding: el relleno dentro de la celda entre los bordes y el texto o las imágenes.
• width: es la anchura de la tabla; en este caso, el 100% (si nos interesa disminuimos)
Las demás etiquetas que están dentro de la tabla:
• <tbody>: indica el cuerpo de la tabla.
• <tr>: crea una fila.
• <td>: crea una celda dentro de una fila.
Lo más cómodo cuando estamos creando el código de la tabla, es generar una fila con las celdas que
necesitamos y luego copiar esa linea de código y pegarla tantas veces como filas necesitamos para
nuestra tabla.
El texto o las imágenes (incluso los enlaces) que necesitemos incluir dentro de las celdas lo
podemos hacer en la pestaña Redactar del editor de Blogger, es decir, el código de la tabla lo
escribimos en Edición de HTML y luego en la pestaña Redactar hacemos clic en cada celda y
colocamos el texto o insertamos las imágenes (incluidos los enlaces si así lo queremos) que
necesitemos.
Tablas en el Blog jm-manuales.blogspot.com

Como último recurso(o primero) podríamos buscar algo o alguien, que creara todo el código que
necesitamos para nuestra tabla. Ese algo o alguien es un Editor Web como Kompozer, quien se
encarga de generar el código de la tabla, con todo lo que lleve incluido. Código que podemos copiar
y pegar en nuestro Blog.