Tutorial de Formato - Como trabajar las TablassteemCreated with Sketch.

in #steemit3 years ago (edited)


Como trabajar las Tablas en Steemit

En Steemit son muy útiles las tablas para presentar información estructurada. En este post vamos a revisar como hacer tablas para que puedas desarrollar artículos visualmente mas elegantes.

Cuando construyes una tabla en Steemit, las filas y columnas se ajustan automáticamente, por lo tanto es importante que revises el resultado mientras construyes tu post para que garantices con espacios, texto o saltos de linea que la tabla tenga los tamaños que deseas.

Para hacer una tabla tienes que usar los siguientes caracteres con la siguiente estructura:

Titulo 1 | Titulo 2 | ... |Titulo n
--------|----------|----------|---------
texto 11 | figura 12 | ... | texto 1n
texto 21 | figura 22 | ... | texto 2n
... | ... | ... | ...
texto n1 | figura n2 | ... | texto nn


Ejemplos

Tabla sencilla de 2 Columnas


Modo Edición:


Titulo 1 | Titulo 2
--------|----------
texto 11 | figura 12
texto 21 | figura 22
texto n1 | figura n2

Resultado

Titulo 1Titulo 2
texto 11figura 12
texto 21figura 22
texto n1figura n2

Tabla con formato de 2 Columnas


Modo Edición:

<center><h2> Titulo 1 </h2></center> |<center> <h2> Titulo 2 </h2></center>
--------|----------
<h3><b>texto 11</b></h3> |<br><br> figura 12<br><br>
<h3><em>texto 21</em></h3> | <br><br>figura 22<br><br>
<h3>texto n1 </h3>| <br><br>figura n2<br><br>

Resultado

Titulo 1

Titulo 2

texto 11



figura 12

texto 21



figura 22

texto n1



figura n2


Tabla con formato y fotografías de 2 Columnas


Modo Edición:

<center><h2> Figura </h2></center> |<center> <h2> Fuente </h2></center>
--------|----------
https://cdn.pixabay.com/photo/2017/09/01/20/23/ford-2705402_960_720.jpg | https://pixabay.com/en/ford-mustang-v8-67-ford-mustang-2705402/
https://cdn.pixabay.com/photo/2015/05/28/23/12/auto-788747_960_720.jpg | https://pixabay.com/en/auto-car-cadillac-oldtimer-788747/
https://cdn.pixabay.com/photo/2012/11/02/13/02/ford-63930_960_720.jpg| https://pixabay.com/en/ford-mustang-auto-vehicle-muscle-63930/

Resultado

Figura

Fuente

https://pixabay.com/en/ford-mustang-v8-67-ford-mustang-2705402/
https://pixabay.com/en/auto-car-cadillac-oldtimer-788747/
https://pixabay.com/en/ford-mustang-auto-vehicle-muscle-63930/

Tabla con formato y fotografías de 3 Columnas


Modo Edición:

<center><h2> Figura </h2></center> |<center> <h2> Fuente </h2></center>| <center> <h2> Descripción </h2></center>
--------|----------|------
https://cdn.pixabay.com/photo/2017/09/01/20/23/ford-2705402_960_720.jpg | https://pixabay.com/en/ford-mustang-v8-67-ford-mustang-2705402/ | Ford Mustang Rojo - Modelo Clasico
https://cdn.pixabay.com/photo/2015/05/28/23/12/auto-788747_960_720.jpg | https://pixabay.com/en/auto-car-cadillac-oldtimer-788747/ | Cadillac antiguo Color Perla
https://cdn.pixabay.com/photo/2012/11/02/13/02/ford-63930_960_720.jpg | https://pixabay.com/en/ford-mustang-auto-vehicle-muscle-63930/ | Ford Mustang Color Negro

Resultado

Figura

Fuente

Descripción

https://pixabay.com/en/ford-mustang-v8-67-ford-mustang-2705402/Ford Mustang Rojo - Modelo Clasico
https://pixabay.com/en/auto-car-cadillac-oldtimer-788747/Cadillac antiguo Color Perla
https://pixabay.com/en/ford-mustang-auto-vehicle-muscle-63930/Ford Mustang Color Negro

Próximamente:

Tutorial de Formato - Como Trabajar Texto con Imágenes

Sort:  

Muy bueno el post. Me ayudo mucho. Gracias

This post has received a 1.82% upvote from thanks to: @cides.
For more information, click here!!!!
Send minimum 0.010 SBD|STEEM to bid for votes.


Do you know, you can also earn daily passive income simply by delegating your Steem Power to @minnowhelper by clicking following links: 10SP, 100SP, 500SP, 1000SP or Another amount

Tomaré tus sugerencias para mejorar mis tablas. Buen dato.
Buena vibra.

Gracias por tu comentario. Estoy a la orden para cualquier duda. Suerte

Interesante, gracias por compartir, de seguro lo utilizare en mi próximo articulo