Mi hora:


Your Ad Here

Como crear una Tabla en el blog?

Categorías: Aprende lo Básico, Tablas

5 Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
Mira el Post en tu plataforma: Estas en Blogger Estas en Betablogger Estas en Wordpress

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:

HTML:
  1.  
  2. <td>Codigo del Objeto 1</td>
  3. <td>Codigo del Objeto 2</td>
  4. </tr>
  5.  
  6. <td>Codigo del Objeto 3</td>
  7. <td>Codigo del Objeto 4</td>
  8. </tr>
  9.  
  10. <td>Codigo del Objeto 5</td>
  11. <td>Codigo del Objeto 6</td>
  12. </tr>
  13.  
  14. </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.


Si este Post te ayudó recuerda votar por el blog En esta Página
2 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 102 votes, average: 10 out of 10 (2 votos, promedio: 10 de 10)
You need to be a registered member to rate this post.
Loading ... Loading ...

Post Relacionados
Cuando inserto tablas en mis entradas, aparecen líneas adicionales en blanco. ¿Cómo puedo eliminar estos espacios vacíos?">Cuando inserto tablas en mis entradas, aparecen líneas adicionales en blanco. ¿Cómo puedo eliminar estos espacios vacíos?
Foros_Gratis Para el Blog">Foros_Gratis Para el Blog
Videos">Videos
Crear un Blog Con Secciones">Crear un Blog Con Secciones
Boton Ir Arriba">Boton Ir Arriba


Random Posts


Blogalaxia Tags:            
Imprime este Post Imprime este Post
Envía este Post Envía este Post



Cuando inserto tablas en mis entradas, aparecen líneas adicionales en blanco. ¿Cómo puedo eliminar estos espacios vacíos?

Categorías: Aprende lo Básico, Funciones Menu, Tablas

4 Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
Mira el Post en tu plataforma: Estas en Blogger Estas en Betablogger Estas en Wordpress

Estos son los llamados saltos de linea.
Blogger cada vez que haces un salto de linea para cambiar de oración, agrega el código <br /> al final de cada una para visualizarlo. Si trabajas en el modo Redactar no te das cuenta de esto, pero si despues de realizar una entrada en el modo Redactar, te pasas al modo Edición de HTML entonces verás todo el código extra que agrega blogger para desplegar la entrada como tu quieres (agrega código por letras resaltadas en negro, cursiva, por centrar, por los vinculos..y por muchas mas cosas).
Puedes activar y desactivar esta opción en el menú Configuracion / Formato / Convertir Saltos de Línea como lo muestra la imagen (solo sigue los pasos):

table-example3.JPG

Supongamos que el código de tu tabla es el siguiente:

HTML:
  1. <td>dato 1</td>
  2. <td>dato 2</td>
  3. </tr>
  4. </table>

Si tienes activada la opción para que aparescan Saltos de Linea, la tabla se vería mas o menos así (Los números del 1 al 4 no aparecen en la realidad es solo para demostrar la cantidad de espacios vacíos que verás por tener habilitada esta opción):

table-example1.gif

Si tienes desactivada la opción entonces no aparecerá ningún salto de línea ni al principio ni al final de la tabla, se vería mas o menos así:

table-example2.gif

Si quieres desactivar esta opción debes ir al panel de configuración de tu blog como aparece en la primera imagen, pero debes tener en cuenta que afectará a todas las entradas que hayas realizado antes.
Aunque, puedes volver a activarla, y todo volverá como estaba antes. Haz la prueba para ver como queda, y si te desordena demasiado los post tienes dos opciones:
1- dejarla activada
2- desactivarla y manualmente editar todos tus post para agregar los saltos. :(

Si la dejas desactivada entonces tendrás que cambiar el codigo de las tablas (y de cualquier otro accesorio que tenga varias etiquetas), y no dejar espacios entre las etiquetas, tus tablas quedarían así:

HTML:
  1. <table><tr><td>dato 1</td><td>dato 2</td></tr></table>


Si este Post te ayudó recuerda votar por el blog En esta Página
0 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 100 votes, average: 0 out of 10 (0 votos, promedio: 0 de 10)
You need to be a registered member to rate this post.
Loading ... Loading ...

Post Relacionados
¿Como puedo utilizar entradas de diferentes estilos para distintos miembros de un blog?">¿Como puedo utilizar entradas de diferentes estilos para distintos miembros de un blog?
¿Cómo puedo crear entradas en mi blog?">¿Cómo puedo crear entradas en mi blog?
Tablas de Colores">Tablas de Colores
Menu en tu blog">Menu en tu blog
Filtro de la Competencia en Adsense, ¿Para que Sirve?">Filtro de la Competencia en Adsense, ¿Para que Sirve?


Random Posts


Blogalaxia Tags:
Imprime este Post Imprime este Post
Envía este Post Envía este Post









Lee esto antes de Navegar por el Blog



Aquí encontrarás las explicaciones de las preguntas mas básicas para que puedas comenzar a buscar información en este blog.
Preguntas Frecuentes:

1.-¿Que es un Blog?
2.-¿Que diferencia tiene con una Página Web?
3.-¿Me sirven los Articulos de este Blog si mi blog no es de Blogger o Wordpress o es solo una web con html?
4.-¿Como encuentro la informacion que necesito en este blog?
5.-¿Cuales son los diferentes servicios o plataformas que permiten crear un Blog?
6.-¿Como conseguir un Blog Propio?
7.-¿Que es Blogger?
8.-¿Que es Blogger y Beta-Blogger (Ex-beta)? / ¿Cuales son las diferencias?
9.-¿Si me cambié a la versión Beta de Blogger, puedo volver a editar mi plantilla de la forma antigua?
10.-¿Donde consigo ayuda para personalizar un blog de Blogger?
11.-¿Que es Wordpress?
12.-¿Donde consigo ayuda para personalizar un blog de Wordpress?

(Haz click aquí para ver el artículo completo)

Links Interesantes

  • Gratis - Aumenta el Tráfico
    de Visitas a tu Web!!!


    Estadísticas del Sitio



    Otros


    Suscribete al Blog


    Directorio:

    Todos los Post

    Junio 2005 (5)
    Agosto 2005 (6)
    Septiembre 2005 (11)
    Octubre 2005 (3)
    Noviembre 2005 (12)
    Enero 2006 (2)
    Febrero 2006 (3)
    Marzo 2006 (3)
    Abril 2006 (1)
    Mayo 2006 (2)
    Junio 2006 (12)
    Julio 2006 (18)
    Agosto 2006 (44)
    Septiembre 2006 (30)
    Octubre 2006 (25)
    Noviembre 2006 (12)
    Diciembre 2006 (1)
    Enero 2007 (3)
    Marzo 2007 (5)
    Abril 2007 (8)
    Mayo 2007 (11)
    Septiembre 2007 (6)
    Octubre 2007 (15)
    Noviembre 2007 (3)
    Diciembre 2007 (12)
    Enero 2008 (7)


    Licencia

    Sólo Puedes hacer referencia del material que encontrarás en este blog, esta prohibido copiar y distribuir el material de esta obra (Tanto Imágenes como Texto). No puedes usarla con fin comercial, ni alterarla, transformarla o construir sobre ésta misma otra obra.
    WP Theme & Icons por N.Design Studio This Blog is Hosted in BlueHost
    Post RSS Comentarios RSS Log in