Si quieres poner una tabla en una entrada de tu blog, sólo tienes que seguir unos pocos pasos:
Primero entra en el blog y vete a CREAR NUEVA ENTRADA
Luego tenemos que poner la entrada en VISTA HTML
Y una vez aquí ponemos este código:
<table bgcolor="#f4e3bc" border="1" cellpadding="5" style="width: 100%;">
<tbody>
<tr><td>Texto o imagen</td><td>Texto o imagen</td></tr>
<tr><td>Texto o imagen</td><td>Texto o imagen</td></tr>
</tbody>
</table>
Se puede cambiar el color del fondo cambiando en bgcolor=(aquí pones el código del color que quieres)
También se puede quitar el borde cambiando en border= (el 1 por 0) o poner un borde más marcado cambiando a un número mayor
Si quieres añadir más filas vas repitiendo lo que aparece en negrita entre <tbody> y <tbody>. Por ejemplo:
<table bgcolor="#f4e3bc" border="1" cellpadding="5" style="width: 100%;">
<tbody>
<tr><td>Texto o imagen</td><td>Texto o imagen</td></tr>
<tr><td>Texto o imagen</td><td>Texto o imagen</td></tr>
<tr><td>Texto o imagen</td><td>Texto o imagen</td></tr>
<tr><td>Texto o imagen</td><td>Texto o imagen</td></tr>
</tbody>
</table>
Y si lo que quieres es que tenga más columnas, sólo tienes que añadir <td>Texto o imagen</td> entre </tr> y </tr>. Por ejemplo:
<table bgcolor="#f4e3bc" border="1" cellpadding="5" style="width: 100%;">
<tbody>
<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>
<tr><td>Texto o imagen</td><td>Texto o imagen</td><td>Texto o imagen</td></tr>
</tbody>
</table>
Además podrás centrar o alinear la imagen o el texto añadiendo los códigos que ya conocemos para ello. Puedes verlos AQUÍ
El resultado es éste:
No hay comentarios:
Publicar un comentario