Requisits previs:
Per dur a terme els passos que es mostren en aquesta guia, necessiteu els components següents:
- Un editor de Markdown adequat. Per exemple, VSCodium , Cliqueu (forquilla de Àtom ), o qualsevol editor de marques en línia.
- Una comprensió bàsica de Markdown (opcional).
Reducció
Markdown és un llenguatge de marques popular que permet afegir diversos elements (encapçalaments, imatges, taules, etc.) per a simples documents de text. A més de les seves sintaxis integrades, Markdown també admet diverses etiquetes HTML. Ha guanyat popularitat amb el temps pel seu interessant conjunt de funcions:
- Pes lleuger : En comparació amb altres llenguatges de marcatge, Markdown és senzill i lleuger. El Markdown estàndard no inclou moltes sintaxis tot conservant les seves diverses característiques.
- Portabilitat : Un document de Markdown és fonamentalment text senzill. Per tant, qualsevol programa pot funcionar amb ell. També podeu crear un text amb format Markdown a qualsevol plataforma.
- Popularitat : Markdown s'utilitza per crear llocs web, documents, notes, correus electrònics i altres. Les grans corporacions com Reddit, GitHub, etc. també admeten Markdown.
Línies horitzontals a Markdown
A Markdown, la línia horitzontal apareix com això:
Hi ha diverses ocasions en què és possible que vulgueu afegir una línia horitzontal en un document. Per exemple, indicant l'inici/final d'una secció.
Creació d'un nou document
Mentre treballem amb l'editor Pulsar, hem d'obrir un nou fitxer de text per emmagatzemar el nostre document Markdown. Des de la finestra principal, aneu a Fitxer >> Nou fitxer o utilitzeu el ' Ctrl + N ” drecera de teclat.
L'editor Pulsar inclou una funció de vista prèvia de Markdown en directe. Per activar la previsualització en directe, aneu a Paquets >> Previsualització de Markdown >> Alterna la vista prèvia . Alternativament, utilitzeu ' Ctrl + Maj + M ” drecera de teclat.
Creació de línies horitzontals
A Markdown, hi ha un parell de sintaxis per indicar una línia horitzontal:
- ***
- —
- ___
Tots ells donaran com a resultat una sortida similar.
Per demostrar-ho, copieu i enganxeu el codi següent a l'editor de text:
# Hola món___
# la ràpida guineu marró
***
# salta per sobre del gos mandrós
___
#123456789
Aquí:
- Per obtenir millors visuals, utilitzem el format H1 per a cada línia de textos.
- Creem tres línies horitzontals amb tres símbols diferents.
- Hi ha una línia nova abans i després de cadascun dels símbols de línia horitzontal.
Es recomana utilitzar aquest espai perquè el símbol “—” sense espaiat denota un encapçalament:
mètode equivocat---
Hola món
Creació de línies horitzontals amb HTML
Si heu treballat amb HTML abans, probablement esteu familiaritzat amb el
per crear línies horitzontals. També funciona a Markdown.
Consulteu el següent codi:
## Hola món< h />
Aquí:
- Utilitzem el format H2 per al text.
- El
L'etiqueta genera una línia horitzontal a la sortida renderitzada.
Un avantatge interessant d'aquest enfocament és que no us haureu de preocupar per crear un encapçalament accidentalment.
El
L'etiqueta també permet ajustar diverses propietats de la sortida. Per exemple: color, amplada, etc. Consulteu l'exemple següent:
< estil hr = 'borde: 3px de color verd sòlid' />
## exemple 2
< estil hr = 'borde: 9px vermell puntejat' />
## exemple 3
< estil hr = 'borde: 9px sòlid; border-radius:9px; height:33px' />
Aquí:
- Tots els exemples incorporen CSS per estilitzar la línia horitzontal.
- En el primer exemple, creem una línia horitzontal de colors senzilla.
- En el segon exemple, creem una línia horitzontal discontínua.
- En el tercer exemple, creem una línia horitzontal arrodonida.
Per obtenir més informació, fes una ullada l'etiqueta
en HTML .
S'està exportant Markdown com a HTML
Amb l'eina adequada, un document amb format Markdown es pot convertir a HTML. L'editor Pulsar inclou aquesta funció integrada.
Per copiar la sortida renderitzada com a HTML, feu clic amb el botó dret a la finestra de vista prèvia i seleccioneu 'Copia com a HTML'.
L'HTML resultant té aquest aspecte:
Conclusió
Hem parlat de la creació de línies horitzontals a Markdown. Hem demostrat utilitzar tant la sintaxi Markdown integrada com la sintaxi HTML per crear línies horitzontals.
T'interessa saber més sobre Markdown? Consulteu el Subcategoria Markdown .