• INICIO
  • 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 imagenes 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 correpondiente 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 1Texto o imagen 2Texto 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.