Tablas

Dado que el editor de blogger, posee limitaciones para insertar una tabla y teniendo en cuenta la importancia de estas para organizar información; en la actividad No 2  se plantea como primer punto organizar una galeria de fotos correspondientes al tema que escogieron para su blog. Es por esto que a continuación se hace una explicación de las etiquetas HTML que se utilizan para insertar una tabla en el editor de blogger.

En primer lugar, cuando entramos al editor, ya sea en una nueva entrada o una nueva página, debemos seleccionar la pestaña Edición de HTML, para que el editor interprete las etiquetas que se ingresaran.

Para insertar una tabla se utilizan las siguientes etiquetas:

<table> </table> : Estas indican el inicio y final de la tabla
<tr> </tr> : Estas indican el inicio y final de una fila
<td></td>: Estas indican el inicio y final de una columna

Toda tabla esta compuesta por filas y columnas, y cada fila posee cierto numero de columnas, es decir que debemos utilizar las etiquetas <td> en cada fila que se cree para insertar el número de columnas deseadas.

A continuación se presenta un ejemplo donde se inserte una tabla con tres filas y tres columnas.

Código HTML

<table border="1">
<tr>  <td>texto o imagen </td>  <td>texto o imagen </td>   <td>texto o imagen </td>  </tr>
<tr>  <td>texto o imagen </td>  <td>texto o imagen </td>   <td>texto o imagen </td>  </tr>
<tr>  <td>texto o imagen </td>  <td>texto o imagen </td>   <td>texto o imagen </td>  </tr>
</table>

En el ejemplo anterior se utiliza dentro de la etiqueta <Table> la palabra border, esto se hace  para estipular el grosor del borde de la tabla.

Una vez insertada la tabla, en el editor de blogger, volvemos a la opción redactar y podremos ver la tabla que hemos insertado mediante las etiquetas HTML

Luego, podremos ver la tabla que hemos insertado y en cada celda podemos insertar las imágenes deseadas.