https://cdn.steemitimages.com/DQmXKxqudrFsy1S8QXjcX1dpb8vhyHHVBgPAr1ZwbcHdmk7/Banner%20CIDES%20formato.png
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 1 Titulo 2 texto 11 figura 12 texto 21 figura 22 texto n1 figura n2Tabla con formato de 2 Columnas
Modo Edición:
Titulo 1 |
Titulo 2
--------|----------
texto 11 | figura 12
texto 21 | figura 22
texto n1 | figura n2
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:
Figura |
Fuente
--------|----------
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://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/
Tabla con formato y fotografías de 3 Columnas
Modo Edición:
Figura |
Fuente |
Descripción
--------|----------|------
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://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
Próximamente:
Tutorial de Formato - Como Trabajar Texto con Imágenes