2 de abril de 2011

Tablas: organiza el contenido de tus posts

Si quieres organizar el contenido dentro del post, por ejemplo con imágenes y texto, nada mejor que recurrir a las tablas.
Básicamente, la estructura de una tabla, sería la siguiente <table><tr><td>....</td></tr></table> , donde la sentencia <tr> corresponde a la fila, y la sentencia <td> a las celdas.
Si lo aplicamos a la práctica, un ejemplo de tabla sería el siguiente:
CODIGO

<table border='1' cellspacing='8'>
<tr><td>celda 1 de la primera fila</td><td>celda 2 de la primera fila</td></tr>
<tr><td>celda 1 de la segunda fila</td><td>celda 2 de la segunda fila</td></tr>
<tr><td>celda 1 de la tercer fila</td><td>celda 2 de la tercer fila</td></tr>
</table>

y este ejemplo, nos serviría para hacer algo así:




Softwarese le llama SOFTWARE a ......
Tecnologíase le llama TECNOLOGÍA a .....
Linuxse le llama LINUX a....


Si quisierámos agregar imágenes en las celdas, entonces el código que deberíamos usar, es el siguiente:
CODIGO
<table border='1' cellspacing='8'>
<tr><td><img src="URL DE LA IMAGEN"></td><td>se le llama SOFTWARE a ......</td></tr>
<tr><td><img src="URL DE LA IMAGEN"></td><td>se le llama TECNOLOGÍA a .....</td></tr>
<tr><td><img src="URL DE LA IMAGEN"></td><td>se le llama LINUX a....</td></tr>
</table>

y este ejemplo, nos serviría para hacer algo así:




se le llama SOFTWARE a ......
se le llama TECNOLOGÍA a .....
se le llama LINUX a....

Dado que éste es un tema muy extenso, en próximos post iremos detallando las distintas opciones de aplicación que tienen las tablas, como así también, como darles color, aplicar imágenes de fondo a toda la tabla, unir celdas, quitar los bordes o hacer distintos tipos de bordes, alinear la tabla hacia un costado o en el centro, etc....
Pero si tienes alguna consulta o duda, puedes dejar tu comentario a continuación y te lo resolveremos a la brevedad.

NOTA: para que puedas ver la tabla dentro del post debes tener tildada la opcion "interpretar HTML escrito" (por defecto viene "mostrar HTML literal", entonces te mostraría el código tal cual lo escribes). 
Para ello, estando en "Redactar" debes seleccionar "opciones de entrada" (que está al pie) y en "Configuración de composición", seleccionar "Interpretar HTML escrito". De esta forma, cuando escribas código en el post, blogger lo interpretará y te mostrará el resultado..o sea, las tabla que creaste.

No hay comentarios:

Publicar un comentario