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

  • Agregar una Imagen en el Titulo a la Plantilla Minima Black, Classic-Blogger La imagen pueden subirla a blogger o en cualquier otro host. Aqui les dejo la Plantilla Minima Black con los cambios Ya realizados, para que la descarguen: Minima Black Imagen en el […]
  • Como Eliminar la Fecha de Los Post ?, Blogger Buscamos el siguiente código en Edición HTML de la Plantilla: Y agregamos la siguiente línea de código (visibility:hidden;) de tal manera que el resultado final sea este: [css] /* […]
  • Tablas de Colores WIKIPEDIA SitiosArgentina Esta tiene varias utilidades, no muy bonitas, pero sirve para entender. Botones, texto en colores, tablas y otros. En la el boton de formulario aparece […]
  • Agregar iconos gestuales al blog, en Blogger A mi parecer este truco es muy útil, ya que tendremos emoticons para escribir los post, y tambien cuando necesitemos dejar un comentario. Primero debes descargar Firefox si […]
  • Actualizaciones Blog Para informar a los buscadores tematicos sobre la actualizacion de tu blog, utiliza el servicio de Pings Automaticos provisto por Auto Pinger http://www.autopinger.com/, este servicio […]
  • Nuevos Templates para WordPress (Plantillas) Disfruten de estos nuevos diseños, y cambien el look de sus blogs 🙂 En SeoProfesional pueden encontrar varias plantillas para wordpress traducidas al español.
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 *