Como crear una Tabla en el blog?

Aprende lo Básico, Tablas

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:

< View plain text >
HTML

  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.

Artículos Relacionados

  • Buscador de Google Desbliega los Resultados en la Misma Pagina, Blogger Tan simple como entrar a la opción Draft de Blogger, con los mismos datos de tu cuenta de Blogger (excepto que verás varias propiedades mas que en nuestra cuenta de Blogger), ir a Diseño, […]
  • Nueva plantilla blogger Slovenian Designer VER DEMO: La plantilla incluye dos columnas derechas de color negro y una columna principal de color griseado, Puedes editar el menu que ya contiene las direcciones FEED de […]
  • Coloca la hora y algun mensaje en la barra de estado (status) Para colocar la hora en la barra de status, lo único ke tienes ke hacer es agregar el siguiente código después de la etiketa <body>, quedaría así: [js] mensaje=" Tu mensaje […]
  • Plantillas Navideñas, WordPress Éste dato es para los que gustan cambiar su plantilla según la época del año en que estemos, aquí les dejo una linda plantilla navideña, solo haz click en la imagen y llegarán a la […]
  • Boton Ir Arriba Esto funciona en cualquier plataforma de Blogs (Blogger, WordPress..) o Página web. Un truquito muy sensillo de hacer. Pero muy útil para los que tenemos un blog largo. Esta adaptado […]
  • ULINKX Videos Para el Blog ULINKX Me parecio interesante para los que necesitan subir videos de Youtube, google, yahoo,IFilm. Ya que esta pagina te permite buscar videos en todos los servicios que mencione, y […]
patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *