Como crear una Tabla en el blog?

Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress…) o Página web.
Las tablas son muy utiles, si tienes imagenes y quieres colocarlas ordenadas, lo puedes hacer dentro de una tabla. Este código es super simple, y consta de 3 partes principales:

<table> (esto corresponde al comienzo de la tabla)
<tr> (esto corresponde al comienzo de la primera fila)
<td> (esto corresponde al comienzo del elemento de una columna)
</td> (esto corresponde al fin del elemento de una columna)
</tr> (esto corresponde al fin de la primera fila)
</table> (esto corresponde al fin de la tabla)

Entonces la estructura queda como muestra la siguiente figura:
crear_tabla_1.jpg

Aqui les dejo el código para esta misma tabla:

  1. <table>
  2.  
  3. <tr>
  4. <td>Codigo del Objeto 1</td>
  5. <td>Codigo del Objeto 2</td>
  6. </tr>
  7.  
  8. <tr>
  9. <td>Codigo del Objeto 3</td>
  10. <td>Codigo del Objeto 4</td>
  11. </tr>
  12.  
  13. <tr>
  14. <td>Codigo del Objeto 5</td>
  15. <td>Codigo del Objeto 6</td>
  16. </tr>
  17.  
  18. </table>

Eso es todo, como ven el objeto 1 y 2 estan en la misma fila (<tr> </tr>) pero distinta columna (<td> </td>). Al igual que los objetos 3 y 4; y 5 y 6.

Espero que les quede claro.

7 thoughts on “Como crear una Tabla en el blog?

  1. HOLA PATY, MUY PADRE TODOS LOS CONSEJOS Y LA AYUDA.
    OYE ME PODRIAS DECIR A QUE ALTURA DE LA PLANTILLA PUEDO PONER ESTOS CODIGOS DE LA TABLA.
    GRACIAS.

  2. Por algún motivo blogger no me lo acepta, me introduce un “tbody” después de “table” y me deja todo un espacio en blanco al comienzo del post…qué puedo hacer para evitarlo??
    gracias, es para ordenar fotos…

  3. Por si acaso, esto debes crearlo en el modo de edicion de html no en el modo comun en donde ves como queda el blog.

  4. Aunque se haga en el modo de edición html sigue habiendo el mismo problema (por lo menos en blogger beta)

    Explicación chapucera y dos formas de resolverlo:

    Cada vez que introducimos un salto de linea en el editor, crea en consiguiente /br en el editor html, esto muy normal, pero al crear una tabla, aunque sea en el editor html, introduce despues de cada salto de linea (repito aunque sea en el html) un tbody (que desconozco lo que es pero deja un espacio en blanco más grande cuanto más grande sea la tabla). Alguién que aclare esto porque yo no me entero.

    1.- En Opciones –> Formato, en la casilla Convertir saltos de línea poner NO. Esto lo soluciona pero nos eliminaría los saltos de linea en los post (por lo que pude comprobar también en los anterirmente escritos) con lo que tendriamos que introducir /br cada vez que quisieramos un salto de linea (el enter para el que no se entere)

    2.Poner todo la linia de comandos en una sola parafo. Parece increible pero así no deja el espacio en blanco antes de la celda por ejemplo:

    http://www.lfmario.blogspot.com/

  5. hola
    disculpa tengo una duda lo que pasa es que estoy cursando html, y necesito aprender a hacer tablas con coldspan y todas esas cosas para que la tabla se vea con uniones de columna y de filas pero la verdad es que no le entendi nada a la maestra :S y queria saber si me podian ayudar
    gracias

  6. ¡¡Hola!! Acabo de copiar el código..(¡Los odio porque no entiendo nada..!! Como tengo 70 años, digamos que llegué tarde al reparto de cerebros…!!!)
    Bueno, cuando lo fui a ver…Está el código impreso, pero la tabla no está por ninguna parteeeeeeee…..!! Si alguien me puede ayudar, por favor espero se conduelan de mi ignorancia..! Un besito para todos!

Deja tu Comentario