requisitos previos:
Para realizar los pasos que se muestran en esta guía, necesita los siguientes componentes:
- Un editor Markdown adecuado. Por ejemplo, VSCodio , Pulsar (tenedor de Átomo ), o cualquier editor de marcado en línea.
- Una comprensión básica de Markdown (opcional).
Reducción
Markdown es un lenguaje de marcado popular que permite agregar varios elementos (títulos, imágenes, tablas, etc.) para simplificar los documentos de texto. Además de sus sintaxis integradas, Markdown también admite varias etiquetas HTML. Ha ganado popularidad con el tiempo por su interesante conjunto de características:
- Ligero : En comparación con otros lenguajes de marcado, Markdown es simple y liviano. El Markdown estándar no incluye muchas sintaxis y conserva sus diversas características.
- Portabilidad : un documento de Markdown es fundamentalmente texto sin formato. Por lo tanto, cualquier programa puede trabajar con él. También puede crear un texto con formato Markdown en cualquier plataforma.
- Popularidad : Markdown se utiliza para crear sitios web, documentos, notas, correos electrónicos y otros. Las grandes corporaciones como Reddit, GitHub, etc. también admiten Markdown.
Líneas horizontales en Markdown
En Markdown, la línea horizontal aparece así:
Hay varias ocasiones en las que es posible que desee agregar una línea horizontal en un documento. Por ejemplo, indicar el inicio/final de una sección.
Creación de un nuevo documento
Mientras trabajamos con el editor Pulsar, necesitamos abrir un nuevo archivo de texto para almacenar nuestro documento Markdown. Desde la ventana principal, vaya a Archivo >> Nuevo archivo o usa el “ Ctrl + N ' atajo de teclado.
El editor Pulsar viene con una función de vista previa de Markdown en vivo. Para habilitar la vista previa en vivo, vaya a Paquetes >> Vista previa de Markdown >> Alternar vista previa . Alternativamente, utilice el “ Ctrl + Mayús + M ' atajo de teclado.
Crear líneas horizontales
En Markdown, hay un par de sintaxis para indicar una línea horizontal:
- ***
- —
- ___
Todos ellos darán como resultado una salida similar.
Para demostrarlo, copie y pegue el siguiente código en el editor de texto:
# Hola Mundo___
# el veloz zorro marrón
***
# salta sobre el perro perezoso
___
# 123456789
Aquí:
- Para mejores imágenes, usamos el formato H1 para cada línea de texto.
- Creamos tres líneas horizontales usando tres símbolos diferentes.
- Hay una nueva línea antes y después de cada uno de los símbolos de línea horizontal.
Se recomienda usar ese espacio porque el símbolo '-' sin espacio denota un encabezado:
método incorrecto---
Hola Mundo
Creando Líneas Horizontales Usando HTML
Si trabajó con HTML anteriormente, probablemente esté familiarizado con el
para crear líneas horizontales. También funciona en Markdown.
Mira el siguiente código:
## Hola Mundo< hora />
Aquí:
- Usamos el formato H2 para el texto.
- El
La etiqueta genera una línea horizontal en la salida renderizada.
Un beneficio interesante de este enfoque es que no necesita preocuparse por crear un encabezado accidentalmente.
El
La etiqueta también permite ajustar varias propiedades de la salida. Por ejemplo: color, ancho, etc. Mira el siguiente ejemplo:
< estilo de hora = 'borde: 3px verde sólido' />
## ejemplo 2
< estilo de hora = 'borde: 9px rojo discontinuo' />
## ejemplo 3
< estilo de hora = 'borde: 9 px sólido; borde-radio: 9 px; altura: 33 px' />
Aquí:
- Todos los ejemplos incorporan CSS para estilizar la línea horizontal.
- En el primer ejemplo, creamos una línea horizontal de color simple.
- En el segundo ejemplo, creamos una línea horizontal discontinua.
- En el tercer ejemplo, creamos una línea horizontal redondeada.
Para obtener más información, consulte la etiqueta
en HTML .
Exportando Markdown como HTML
Con la herramienta adecuada, un documento con formato Markdown se puede convertir a HTML. El editor Pulsar viene con esta característica incorporada.
Para copiar la salida renderizada como HTML, haga clic derecho en la ventana de vista previa y seleccione 'Copiar como HTML'.
El HTML resultante se ve así:
Conclusión
Hablamos sobre la creación de líneas horizontales en Markdown. Mostramos el uso de la sintaxis Markdown integrada y la sintaxis HTML para crear líneas horizontales.
¿Interesado en aprender más sobre Markdown? Revisar la Subcategoría de descuento .