lunes, 15 de diciembre de 2014

Etiquetas td, tr. table


Muchas veces, para maquetar los elementos del blog y colocarlos en una determinada posición recurriremos al uso de tablas, con el numero de filas y columnas que necesitemos, y en cuyas celdas situaremos los elementos que deseamos colocar.

La etiqueta central es table y relacionada con ellas, tenemos filas ( tr  ) y la de las celdas (columnas) es td, de forma que el código de una tabla de 1x3 (1 fila y 3 columnas seria algo así:



Hemos aprovechado para alinear verticalmente el texto de las celdas

celda 1 celda 2 celda 3

El cellpadding son los margenes alrededor del texto hasta el borde de la celda y el cellspacing... lo mas fácil es que probéis a poner un numero y ver que pasa. El border es el grosor del marco. Con un border=0 conseguimos una tabla invisible.
Ahora una tabla de 4x4.


1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16
Alineación de las celdas, top. Borde invisible. Margenes de las celdas, 9.  Hemos cambiado el fondo de la celda 10, indicando el color en formato hexadecimal (RGB)

Si nos parece muy complicado, podemos acudir a un servicio online que nos generará el código de la tabla para copiarlo a nuestra entrada.
Si la tabla que creamos necesita un estilo css, es posible insertarlo en blogger. Para ello, visita esta otra entrada:
Blogger y los estilos CSS

No hay comentarios:

Publicar un comentario