Muchas tablas

Con ese título he querido ilustrar el post de hoy, intentaré explicar de forma fácil como podemos insertar una tabla en el post. Con un código muy sencillo que puede ser modificado para obtener diferentes resultados y estilos.

TABLA BÁSICA, insertando el siguiente código:

<table border=1><td>Aquí pondríamos el texto que nos interese</td></table>

Obtendremos:

Aquí pondríamos el texto que nos interese

Donde pone table border=1 se refiere al tamaño del borde de la tabla, a mas aumento de número el borde será mas grueso o si ponemos 0 no mostrará ningún borde.

TABLA DIVIDIDA EN COLUMNAS, al código anterior y antes de cerrar la tabla añadiremos los códigos <td></td>, tantos como nos interese en el ejemplo lo haremos con dos columnas:

<table border=1><td>Columna A</td><td>Columna B</td></table>

Obtendremos:

Columna AColumna B

TEXTO BAJO LAS COLUMNAS, otra posibilidad seria la de poner el texto bajo la columna, partiendo del código anterior añadiremos <tr> para marcar donde queremos crear el espacio:

<table border=1><td>Columna A</td><td>Columna B</td><tr>>td>Texto Columna A<<td>Texto Columna B</td></table>

Columna AColumna B
Texto Columna A Texto Columna B

COLOR A LAS TABLAS, también podemos dar color a los bordes y al fondo para conseguir el efecto vamos a añadir el código <bordercolor=”black”> para el borde y <bgcolor=”red”> para el color de fondo, el color podéis ponerlo según el gusto, ejemplo:

<table border=1 bordercolor=”black” bgcolor=”red”><td><font color”white”>Aquí ponemos el texto o lo que nos interese</font></td></table>

Aquí ponemos el texto o lo que nos interese

VARIAR LA TABLA, como veréis cambiando las propiedades de los códigos obtendréis varios resultados, por ejemplo entre otros podemos,

Poner un enlace:

<table border=1><td><a href=”http://tirandodeblog.blogspot.com”>Bienvenidos a mi blog</a></td></table>

Bienvenidos a mi blog

O bien una imagen:

<table border=1><td><img src=”http://url de la imagen” </td></table>



En fin, ya veis que mediante estos sencillos códigos podéis conseguir unas tablas con buenos efectos, solo tenéis que poner imaginación y buen gusto pues las podéis utilizar como simples menús, como botones de enlace, etc..

Related Posts with Thumbnails