Tutorial de Formato - Como trabajar las TablassteemCreated with Sketch.

in #steemit6 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

Coin Marketplace

STEEM 0.21
TRX 0.20
JST 0.033
BTC 98053.28
ETH 3322.22
USDT 1.00
SBD 3.03