viernes, 20 de marzo de 2020

Prueba de tablas en Blogger

Para probar:

Para insertar una tabla en Blogger, debemos realizar los siguientes pasos. Lo primero será insertar el código html correspondiente. Podemos partir de una tabla 3x3, dónde C representa Columnas y F filas, algo como esto:

<table border="1" cellpadding="5"><tbody>
<tr><td>C1,F1</td>
     <td>C2,F1</td>
     <td>C3,F1</td></tr>
<tr><td>C1,F2</td>
     <td>C2,F2</td>
     <td>C3,F2</td></tr>
<tr><td>C1,F3</td>
     <td>C2,F3</td>
     <td>C3,F3</td></tr>
</tbody></table>
----------------------
Y con ese codigo, y luego modificado para una C más o una F más (mal elegido el nombre) Sale eso:


C1,F1 C2,F1 C3,F1
C1,F2 C2,F2 C3,F2
C1,F3 C2,F3 C3,F3


C1,F1 C2,F1 C3,F1
C1,F2 C2,F2 C3,F2
C1,F3 C2,F3 C3,F3
C1,F4 C2,F4 C3,F4


C1,F1 C2,F1 C3,F1 C4,F1
C1,F2 C2,F2 C3,F2 C4,F2
C1,F3 C2,F3 C3,F3 C4,F3

--------------------------------------------------

La tabla anterior iba entre estos "inicio y fin"

<table border="1" cellpadding="5"><tbody>

</tbody></table>

Parece ser que si en vez de eso usas los siguientes, la tabla se ajusta al ancho:

<table style="width: 100%;" border="1" cellpadding="5"><tbody>
 </tbody></table>

-------------------------------------
Probemos a copiar la primera tabla de antes y cambiarle el encabezado:


C1,F1 C2,F1 C3,F1
C1,F2 C2,F2 C3,F2
C1,F3 C2,F3 C3,F3

-------------------------------
Y si quieres cambiarle el color de fondo a la tabla:

<table bgcolor="grey" border="5" cellpadding="5"><tbody>


¿Y si fueran las dos cosas?

<table style="width: 100%;" bgcolor="grey" border="1" cellpadding="5"><tbody>

Probemos

C1,F1 C2,F1 C3,F1
C1,F2 C2,F2 C3,F2
C1,F3 C2,F3 C3,F3

-------------------------------------------

Todo lo anterior está hecho a partir de las instrucciones de este sitio:

http://blogtecnos.blogspot.com/2012/05/introducir-tablas-en-blogger-tutorial.html


No hay comentarios:

Publicar un comentario