miércoles, octubre 13, 2010 Tags: , 0 comentarios

Crear tablas

USAR TABLAS EN BLOGGER

Cuando queremos poner un texto junto con imágenes que aparezcan a la izquierda o derecha del texto, podemos hacerlo con el editor de blogger, eligiendo la alineación de la imagen, o bien arrastrándola al lugar deseado.


Sin embargo,  en ocasiones el resultado no es el deseado, pues cuando los textos son más largos que la imagen, es común que se corte el texto.

Para esto podemos recurrir a usar tablas y así organizar de mejor manera la colocación del texto e imagen. Asimismo, las tablas nos pueden ayudar a presentar texto en varias columnas.

Desafortunadamente,  el editor de blogger no contempla la inserción de tablas, por lo que debemos recurrir a escribir usando la edición HTML.

Vemos ahora algunos ejemplos. Primero se presenta el código HTML y luego el resultado.  Observa los códigos y busca descubrir el significado de cada atributo que aparece entre los signos: < >. En un archivo word crea una tabla en donde anotes en la primera colúmna el atributo y en otra el significado de éste. Después sube el archivo a Moodle.

<table align="center" border="1" cellpadding="1" style="width: 400px;">
<tr><td>Texto</td><td>Texto</td><td>Texto</td></tr>
<tr><td>Texto</td><td>Texto</td><td>Texto</td></tr>
</table>

TextoTextoTexto
TextoTextoTexto

<table align="center" border="1" bordercolor="black" cellpadding="1" style="width: 400px;">
<tr><td>Texto</td><td>Texto</td><td>Texto</td></tr>
<tr><td>Texto</td><td>Texto</td><td>Texto</td></tr>
</table>

TextoTextoTexto
TextoTextoTexto


<table align="center" border="0" cellpadding="1" style="width: 400px;">
<tr><td>Texto</td><td>Texto</td><td>Texto</td></tr>
<tr><td>Texto</td><td>Texto</td><td>Texto</td></tr>
</table>

TextoTextoTexto
TextoTextoTexto

<table align="center" bgcolor="red" border="1" bordercolor="black" cellpadding="1" cellspacing="1" style="width: 400px;">
<tr><td>Texto</td><td>Texto</td></tr>
<tr><td>Texto</td><td>Texto</td></tr>
<tr><td>Texto</td><td>Text</td></tr>
</table>

TextoTexto
TextoTexto
TextoText

<table align="center" border="2" bordercolor="black" cellpadding="2" cellspacing="2" style="width: 400px;">
<tr><td bgcolor="red">Texto</td><td bgcolor="red">Texto</td></tr>
<tr><td>Texto</td><td>Texto</td></tr>
<tr><td>Texto</td><td>Text</td></tr>
</table>


TextoTexto
TextoTexto
TextoText

<table align="center" border="2" bordercolor="black" cellpadding="2" cellspacing="2" style="width: 400px;">
<tr><td bgcolor="red">Texto</td><td bgcolor="red">Texto</td></tr>
<tr><td align="center">Texto</td><td align="center">Texto</td></tr>
<tr><td align="center">Texto</td><td align="center">Texto</td></tr>
</table>

TextoTexto
TextoTexto
TextoTexto

No Response to "Crear tablas"