2024-04-15
Crear tablas en Markdown es un proceso sencillo que mejora la organización y presentación de datos en la web. Esta guía cubre todo lo que necesitas saber, desde la sintaxis básica hasta opciones de formato avanzadas:
Markdown Toolbox
| y guiones - para crear tablas simples.:.& y | usando entidades HTML o barras invertidas.Al final de esta guía, estarás equipado para crear tablas claras e informativas en Markdown, haciendo que tu contenido sea más estructurado y accesible.
Puedes decidir cómo alinear tu texto en las columnas ajustando la fila de guiones -:
:---: = El texto se alinea a la izquierda:--: = El texto está centrado---: = El texto se alinea a la derecha| Izquierda | Centro | Derecha |
| :--- | :----: | ----: |
| Texto | Texto | Texto |
Por ejemplo:
| Izquierda | Centro | Derecha |
|---|---|---|
| Texto | Texto | Texto |
Puedes hacer que el texto esté en negrita, en cursiva, añadir enlaces, o incluso código dentro de las celdas de la tabla usando trucos regulares de Markdown:
** o __* o _Bloques de código en líneaPor ejemplo:
| Nombre | Descripción |
|---|---|
| John | Profesor que disfruta aprender cosas nuevas |
| Sarah | Ingeniera trabajando en proyectos geniales |
Esto muestra lo básico para hacer tablas en Markdown. Con un poco de práctica, pueden ser una gran manera de organizar datos de manera clara para páginas web o documentos.
Cuando estás haciendo tablas en Markdown, a veces querrás incluir caracteres especiales que el formato Markdown generalmente usa para otras cosas. Por ejemplo, ya que Markdown utiliza tuberías | para separar columnas, si quieres mostrar un símbolo de tubería dentro de una celda, debes encontrar la forma de hacerlo.
Hay un par de maneras de hacerlo:
Una forma es usar entidades de caracteres HTML. Estos son códigos especiales que te permiten mostrar caracteres que tienen otros significados en HTML o Markdown. Por ejemplo, & para un ampersand &, y | para una tubería |.
Así es como se ve:
| Carácter | Entidad | Renderizado de Ejemplo |
|---|---|---|
| Ampersand | & |
R&D |
| Tubería | | |
Columna|Encabezado |
Puedes encontrar una lista completa de entidades de caracteres HTML aquí.
Otra forma es poner una barra invertida \ antes del carácter especial. Esto le dice a Markdown que trate el siguiente carácter como cualquier otro texto.
\| = muestra una tubería |
\\ = muestra una barra invertida \
Pero recuerda, usar una barra invertida no funciona para cada carácter en las tablas Markdown, como para la tubería |.
Por último, puedes usar bloques de código Markdown para mostrar caracteres especiales tal como son. Simplemente ponlos entre comillas invertidas `.
` | * | & | \ | | `` ``
Esto se verá así:
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
En resumen, usa entidades HTML o barras invertidas cuando puedas para escapar caracteres especiales. Para tuberías y otros símbolos difíciles, los bloques de código son una buena forma de mostrarlos tal como son.
Markdown viene en diferentes estilos, cada uno con su propia forma de manejar tablas. Veamos estos estilos y algunos consejos para hacer grandes tablas:
GFM es lo que ves en GitHub. Te permite hacer tablas fácilmente:
| Encabezado 1 | Encabezado 2 |
|----------|----------|
| Fila 1a | Fila 1b |
| Fila 2a | Fila 2b |
No tienes que colocar tuberías | al final de cada línea, pero es una buena idea para evitar errores.
Estas versiones añaden más opciones para las tablas, como alinear texto:
| Derecha | Izquierda | Por Defecto | Centro |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Usa un colon : para controlar la alineación del texto.
CommonMark no tiene su propia sintaxis de tabla. Necesitas usar etiquetas HTML para hacer tablas.
En GFM y similar, no siempre necesitas las tuberías laterales |:
Encabezado 1 | Encabezado 2
--------- | ---------
Fila 1a | Fila 1b
Fila 2a | Fila 2b
Dejar fuera las tuberías puede facilitar la edición, pero tenerlas ayuda a evitar errores.
Intenta hacer coincidir el ancho de las columnas para que tu tabla se vea más ordenada:
| Corto | Columna de Ejemplo Más Larga |
|-------|-----------------------|
| Texto | Más texto de ejemplo |
Esto hace que tu tabla sea más fácil de leer.
Hacer tablas desde cero puede ser complicado. Aquí hay algunas herramientas para ayudar:
El Generador de Tablas Markdown te permite hacer tablas sin codificación. Simplemente llena tu información y te da el código.
Convertidor de Tablas convierte datos de hojas de cálculo en tablas Markdown rápidamente.
El editor Markdown Typora tiene una manera sencilla de añadir y dar estilo a las tablas.
Algunas aplicaciones facilitan trabajar con tablas Markdown:
Typora tiene un menú simple para añadir y cambiar tablas.
Zettlr te permite insertar una tabla básica y luego editarla directamente.
Conocer estos consejos y herramientas puede hacer que trabajar con tablas Markdown sea mucho más fácil. Recuerda, el objetivo es hacer que la información sea clara y fácil de leer.
Vamos a tener algo de práctica práctica con la creación de tablas usando Markdown. Aquí hay algunos ejercicios fáciles para ayudarte a acostumbrarte:
Primero, hagamos una tabla simple que liste diferentes frutas:
| Fruta | Color | Forma |
| Fruta | Color | Forma |
| - | - | - |
| Fruta | Color | Forma |
| - | - | - |
| Manzana | Roja | Redonda |
| Fruta | Color | Forma |
| - | - | - |
| Manzana | Roja | Redonda |
| Plátano | Amarillo | Largo |
| Naranja | Naranja | Redonda |
A continuación, añadamos algo de estilo a nuestra tabla de frutas:
** alrededor de ellos:| **Fruta** | **Color** | **Forma** |
| - | - | - |
| Plátano | *Amarillo* | Largo |
| Naranja | [Naranja](https://www.w3schools.com/colors/colors_names.asp) | Redonda |
Para un poco más de desafío, hagamos una tabla con más detalles:
| **Nombre** | **Posición** | **Salario** |
| - | - | - |
| **Nombre** | **Posición** | **Salario** |
| - | - | - |
| John | Gerente | $80,000 |
| Sarah | Desarrolladora | $60,000 |
| Lisa | Diseñadora | $50,000 |
| **Nombre** | **Posición** | **Salario** |
| - | - | ---: |
Practicar con estos pasos es una gran manera de familiarizarse más con la creación de tablas Markdown. Intenta crear diferentes tipos de tablas y jugar con el formato para ver lo que puedes hacer.
Editar tablas en Markdown puede ser un poco engorroso, pero conocer algunos atajos de teclado puede hacerlo mucho más fácil. Aquí tienes una lista de atajos que pueden ayudarte a trabajar más rápido:
Tab - Saltar a la siguiente celdaShift + Tab - Volver a la celda anteriorEnter - Mover hacia abajo a la siguiente filaCtrl/Cmd + Enter - Dejar de editar la tablaCtrl/Cmd + Flechas - Moverse por las celdas fácilmenteCtrl/Cmd + l - Hacer el texto alineado a la izquierdaCtrl/Cmd + e - Centra el textoCtrl/Cmd + r - Alinear texto a la derechaCtrl/Cmd + . - Eliminar cualquier alineación específicaAlt + i - Agregar una nueva fila arribaAlt + a - Agregar una nueva fila abajoAlt + j - Agregar una columna a la izquierdaAlt + l - Agregar una columna a la derechaAlt + Shift + i - Eliminar la fila actualAlt + Shift + a - Eliminar la fila actualAlt + Shift + j - Eliminar la columna actualAlt + Shift + l - Eliminar la columna actualShift + Flechas - Seleccionar más celdasCtrl/Cmd + Alt + Flechas - Mover toda la fila o columnaAl familiarizarte con estos atajos, puedes acelerar tu trabajo con tablas en Markdown. Mantén esta guía a mano para una referencia rápida.
Hacer tablas con Markdown te permite organizar información de manera ordenada para sitios web. Es bastante sencillo una vez que te acostumbras. Aquí tienes en cuenta:
|. Coloca guiones - debajo de la fila de los encabezados para mostrar cómo debe alinearse el texto.: al lado de los guiones debajo de la columna que deseas ajustar.Solo sigue practicando, y pronto hacer tablas Markdown será un paseo. Recuerda mantener tus tablas simples y claras. El objetivo principal es compartir información de una manera que sea fácil de entender para todos. Las tablas Markdown son excelentes para esto porque te permiten organizar datos de una manera ordenada y sencilla.
Para crear tablas en Markdown, usa el símbolo de pipas | para hacer columnas, guiones - para alinear el texto debajo de los encabezados, y dos puntos : para alinear el texto a la izquierda, al centro o a la derecha. Comienza con los encabezados en la primera fila, guiones en la segunda para definir columnas, y luego agrega tu información abajo. Mantén todo ordenado para facilitar la lectura. Algunos editores Markdown pueden ayudarte a formatear la tabla más fácilmente.
Para alinear texto en una tabla:
:---:---:---:Simplemente cambia los guiones debajo de la columna que deseas alinear en la segunda fila.
Muchos editores Markdown, como Typora o Zettlr, tienen atajos para insertar rápidamente una estructura de tabla en blanco. Por ejemplo, en Typora en Windows, presionar Ctrl + T pondrá una tabla en blanco en tu documento. Consulta la guía de tu editor para atajos específicos.
Para indentar un bloque de código, agrega una línea vacía antes y después de tu código, e indenta cada línea del código con al menos 4 espacios o 1 tabulador. Esto le dice a Markdown que lo formatee de una manera especial, generalmente con un tipo de letra diferente para destacar como código.