31 oct. 2012

Como incluir tablas en tus post de blogger

Tutorial HTML: Incluir tablas en tus post de blogger

En este artículo voy a explicar la manera de incluir tablas en tus post de blogger ya que en ocasiones nos encontramos con la necesidad de incluirlas en nuestros artículos y observamos que el editor de blogger no dispone de ninguna herramienta que nos permita insertar tablas.

Para incluir tablas en los post de blogger tendremos que recurrir al editor HTML y definir nosotros mismos la estructura de la tabla en html. A continuación os pongo el código html necesario para definir una tabla en vuestros post de blogger:

<table border="1" style="float: left; margin-right: 2%; width: 100%;">
<tbody>
<tr>
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columna 2</td>
</tr>
</tbody>
</table>

Y el resultado de aplicar el código anterior es el siguiente:

Columna 1Columna 2Columna 2



Explicación: Elementos utilizados en la creación de la tabla.
  1. table: Instrucción que indica que se va a definir una tabla en HTML.
  2. style: Instrucción que se utiliza para definir el estilo de la tabla.
  3. float: Indica donde se alinea la tabla, en nuestro caso a la izquierda de su contenedor.
  4. margin-right: Margen derecho de la tabla, en nuestro ejemplo el 2% del contenedor de la tabla.
  5. width: Ancho que ocupará la tabla, en nuestro ejemplo el 100% del contenedor de la misma. 
  6. tbody: Indica que se va a definir el contenido del cuerpo de la tabla.
  7. tr: Se utiliza para definir el contenido de una fila de la tabla
  8. td: Instrucción para definir celdas en una tabla
A través del ejemplo anterior podéis personalizar las tablas que incluyáis en vuestros post de blogger ya que con cambiar los valores de las propiedades que he descrito anteriormente observaréis como va cambiando la tabla.


ARTÍCULOS QUE TE PUEDEN INTERESAR

Añadir gadget últimos tweets en Blogger
Cómo poner una imagen de fondo en Blogger
Cómo crear un sitemap para Blogger
Widget nube etiquetas para Blogger
Añadir gadget redes sociales en Blogger