Hoy vamos a ver como insertar una tabla en blogger, para ello lo vamos a hacer desde el HTML, si prestamos atención tenemos a nuestra izquierda dos botones, uno dice "Redactar" y otro "HTML", hacemos clic en "Redactar".
Una vez en el HTML, lo que recomiendo por su sencillez es copiar el HTML de una tabla que podemos hacer en algún editor porque nos evitamos de escribir, sino la podemos escribir.
Bueno para una tabla de dos por dos los el código es el siguiente:
<table border="1" width="100%" id="table1">
<tr>
<td>hola</td>
<td>como</td>
</tr>
<tr>
<td>les </td>
<td>va</td>
</tr>
</table>
En el código anterior vemos las partes: donde dice border="1" , es el ancho de las lineas de la tabla, si no queremos que se vea la tabla podemos poner cero y nos quedaría border="0"
width es el ancho.
Id="table1" es el nombre de la tabla
yo recomiendo dejar estos dos últimos valores como están.
| hola | como |
| les | va |
En la anterior tabla vemos como nos queda la misma.
Si miramos un poquito la relación entre la tabla y el código, vemos como el código esta en dos bloques
si quisiéramos una tabla de 3 filas y dos columnas, tenemos que agregar un nuevo bloque
<tr>
<td>hola</td>
<td>como</td>
</tr>
y si quisiéramos agregar mas columnas a cada estructura de <tr> tendríamos que agregarle una de <td>
para que nos sea mas fácil de entender acá pongo como quedaría una tabla de 3 filas y dos columnas
<table border="1" width="100%" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
y una tabla de 2 filas y 3 columnas a continuación
<table border="1" width="100%" id="table1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
DERECHOS DE AUTOR http://www.ciudadblogger.com/2009/05/insertar-tablas-en-blogger.html
No hay comentarios:
Publicar un comentario