[Tutorial] Insertar tabla.

A petición de Mikeboix, les enseñare como colocar una tabla y como editarla. Empecemos.

---

Crear una tabla:

Seleccionamos el boton de "Insertar una tabla".



Ahora.. si observamos la tabla, hay 2 formas de crearla. Una es automatica (Seleccionamos la cantidad de columnas y líneas) o manualmente (Creando líneas y columnas a nuestro gusto).

En este caso, la haremos manualmente. Primero, creamos la tabla:

Código:

[table]  [/table]

Ya tenemos la base creada, pero ahora, que sigue? Hay 2 tipos de "comandos" en la tabla, [tr] que indica una línea y [td] que indica una columna. En la tabla se insertan las líneas, entre las líneas se insertan las columnas y entre las columnas se insertan los datos a utilizar.

Creamos una línea [tr].

Código:

[table]
[tr]
[/tr]
[/table]

Ya hice este paso, ¡Pero no veo nada! ¿Por qué? Nos faltan las columnas, las columnas se insertan entre las líneas. Podemos insertar las columnas que queramos, en este caso insertaremos 5.

Código:

[table]
[tr]
  [td] [/td] [td] [/td] [td] [/td] [td] [/td] [td] [/td]
[/tr]  [/table]

¡Ya esta la tabla creada!

Editar una tabla:

Bien, a simple vista uno no entendera nada, pero es sencillo. Entre cada [td] y [/td] insertamos los números, datos, etc. Colocaré números 1, 2, 3, 4, y 5.

Código:

[table]
[tr]
  [td] 1 [/td][td] 2 [/td][td]3 [/td][td]4 [/td][td] 5[/td]
[/tr]  [/table]

Tengan mucho, pero mucho cuidado en no insertar los datos entre [/td] y [td] ya que no estaríamos editando nada y los códigos tan pequeños y parecidos suelen confundir mucho. Veamos como nos quedo:

1

2

3

4

5

Ahora podemos insertar más lineas, más columnas, y editarlas, todo a nuestro gusto. Tengan cuidado de no editar detras de [/table] ya que no estarían agregando nada realmente.

Pero hay un problema, ¡NO SE VE NADA!.

Bueno, hay muchas formas de editar la tabla. Podemos agregarle un borde para hacerla más notable, agregar una imagen de fondo, cambiar el fondo de las celdas, el tamaño entre ellas, muchas formas en total.

"Decorar" nuestra tabla:

Bien, lo primero que podemos usar para "decorar" es el borde de la tabla. Si decidimos crear una tabla automatica, este borde vendra predeterminado en el valor "1". El comando BB es "border=(Número de grosor). Se agrega trás un espacio dentro del código

Código:

[table border="2" ][tr]  [td] 1 [/td][td] 2 [/td][td]3 [/td][td]4 [/td][td] 5[/td][/tr]  [/table]

[table border="2" ]

1

2

3

4

5

El resultado quedaría así: (Ignoren el ejemplo de arriba, no se porque quedo la tabla así y tuve que rehacerla para que se pueda notar el borde:

1

2

3

4

5

Podemos agregar muchas características más a las tablas, sin embargo para ahorrarme escritura les dejo este post que encontre buscando por Google que explica mucho mejor que yo, como crear una tabla, como editarla, y como decorarla:

Todo sobre tablas en BBCode

Buen aporte