22 ago. 2015

Insertar tablas o celdas tipo excel en blogger o web

Insertar tablas o celdas tipo excel en blogger puede ayudar a algunos blogs que traten temas matemáticos o que simplemente necesiten organizar información, ya que podemos acomodar palabras en columnas estilo hojas de calculo, ademas las tablas también nos pueden servir para acomodar elementos, por ejemplo, si tenemos 3 imágenes con ayuda de la tablas podemos organizarlas una al lado de la otra.


¿Como colocar las tablas o celdas en mi blog?


Es muy algo sencillo, solo necesitamos este código, que veremos a continuación, lo copiamos y lo pegamos en la sección HTML de las entradas donde necesitamos usar las celdas:

<table border="1">
<tr>
<td>Columna1 Celda1</td>
<td>Columna2 Celda1</td>
</tr>
<tr>
<td>Columna1 Celda2</td>
<td>Columna2 Celda2</td>
</tr>
</table>

y se vera asi

Columna1 Celda1 Columna2 Celda1
Columna1 Celda2 Columna2 Celda2

lo único que debes hacer es cambiar el texto en color rojo por el que vas a usar.
para agregar otra fila por debajo de las celdas actuales pon este código justo despues del ultimo </tr>

<tr>
<td>Columna1 Celda3</td> 
<td>Columna2 Celda3</td>
</tr>

cambia el texto por que vas a utilizar y te quedara así

Columna1 Celda1 Columna2 Celda1
Columna1 Celda2 Columna2 Celda2
Columna1 Celda3 Columna2 Celda3

si por otro lado quieres agregar otra columna al lado derecho solo pon este código debajo los otros codigos del mismo tipo <td>Columna2 Celda2</td> Ejemplo: te debería quedar así:


<table border="1"> 
<tr> 
<td>Columna1 Celda1</td> 
<td>Columna2 Celda1</td>
<td>Columna3 Celda1</td>
</tr> 
<tr> 
<td>Columna1 Celda2</td> 
<td>Columna2 Celda2</td>
<td>Columna3 Celda2</td>
</tr>
</table>

y al final tu tabla se vera de esta forma:

Columna1 Celda1 Columna2 Celda1 Columna3 Celda1
Columna1 Celda2 Columna2 Celda2 Columna3 Celda2


También puedes agregar encabezados a las tablas para dar efecto de tema principal

<table border="1">
<tr>
<th>Titulo 1</th>
<th>Titulo 2</th>
</tr>
<tr>
<td>Columna1, Celda1</td>
<td>Columna2, Celda1</td>
</tr>
<tr>
<td>Columna1, Celda2</td>
<td>Columna2, Celda2</td>
</tr>
</table>


y se vera así

Titulo 1 Titulo 2
Columna1, Celda1 Columna2, Celda1
Columna1, Celda2 Columna2, Celda2

También puedes quitar las lineas o bordes de la tabla, solo debes cambiar el  numero 1 del codigo  <table border="1"> por el valor cero (0) y se vera asi:

Titulo 1 Titulo 2
Columna1, Celda1 Columna2, Celda1
Columna1, Celda2 Columna2, Celda2


¿Puedo darle mas uso a las tablas en mi blog?


Claro como dije al principio las tablas son una herramienta muy util, por ejemplo si no necesitas escribir nada, solo organizar un grupo de imágenes, las tablas te darán una mano Ejemplo:
en vez de usar texto uso este codigo en su lugar

<img src="URL de la imagen" />



y eso es todo por hoy

No hay comentarios.:

Publicar un comentario

2016 © Inovablog