Prerequisiti:
Per eseguire i passaggi illustrati in questa guida, sono necessari i seguenti componenti:
- Un editor Markdown adatto. Per esempio, VSCodio , Premere (forchetta di Atomo ) o qualsiasi editor di markup online.
- Una conoscenza di base di Markdown (opzionale).
Ribasso
Markdown è un popolare linguaggio di markup che consente di aggiungere vari elementi (intestazioni, immagini, tabelle, ecc.) ai documenti di testo. Oltre alle sue sintassi integrate, Markdown supporta anche vari tag HTML. Ha guadagnato popolarità nel tempo per il suo interessante set di funzionalità:
- Leggero : Rispetto ad altri linguaggi di markup, Markdown è semplice e leggero. Il Markdown standard non include molte sintassi pur conservando le sue diverse caratteristiche.
- Portabilità : Un documento Markdown è fondamentalmente testo semplice. Pertanto, qualsiasi programma può funzionare con esso. Puoi anche creare un testo in formato Markdown su qualsiasi piattaforma.
- Popolarità : Markdown viene utilizzato per creare siti Web, documenti, note, e-mail e altro. Anche grandi aziende come Reddit, GitHub, ecc. Supportano Markdown.
Linee orizzontali in Markdown
In Markdown, la linea orizzontale appare in questo modo:
Ci sono varie occasioni in cui potresti voler aggiungere una linea orizzontale in un documento. Ad esempio, indicando l'inizio/la fine di una sezione.
Creazione di un nuovo documento
Mentre lavoriamo con l'editor Pulsar, dobbiamo aprire un nuovo file di testo per archiviare il nostro documento Markdown. Dalla finestra principale, vai a File >> Nuovo file o usa il ' Ctrl+N ” scorciatoia da tastiera.
L'editor Pulsar viene fornito con una funzione di anteprima Markdown dal vivo. Per abilitare l'anteprima dal vivo, vai a Pacchetti >> Anteprima Markdown >> Attiva/disattiva anteprima . In alternativa, utilizzare il ' CTRL+MAIUSC+M ” scorciatoia da tastiera.
Creazione di linee orizzontali
In Markdown, ci sono un paio di sintassi per indicare una linea orizzontale:
- ***
- —
- ___
Tutti si tradurranno in un output simile.
Per dimostrare, copia e incolla il seguente codice nell'editor di testo:
# Ciao mondo___
# la volpe marrone veloce
***
# salta sopra il cane pigro
___
#123456789
Qui:
- Per una migliore visualizzazione, utilizziamo la formattazione H1 per ogni riga di testo.
- Creiamo tre linee orizzontali usando tre simboli diversi.
- C'è una nuova linea prima e dopo ciascuno dei simboli della linea orizzontale.
Si consiglia di utilizzare tale spaziatura perché il simbolo '—' senza spaziatura denota un'intestazione:
metodo sbagliato---
Ciao mondo
Creazione di linee orizzontali utilizzando HTML
Se hai già lavorato con l'HTML, probabilmente conosci il formato
per creare linee orizzontali. Funziona anche in Markdown.
Controlla il seguente codice:
## Ciao mondo< ora />
Qui:
- Usiamo la formattazione H2 per il testo.
- IL
tag genera una linea orizzontale nell'output sottoposto a rendering.
Un vantaggio interessante di questo approccio è che non devi preoccuparti di creare accidentalmente un'intestazione.
IL
tag consente anche di modificare varie proprietà dell'output. Ad esempio: colore, larghezza, ecc. Guarda il seguente esempio:
< stile delle ore = 'bordo: 3px verde fisso' />
## esempio 2
< stile delle ore = 'bordo: 9px rosso tratteggiato' />
## esempio 3
< stile delle ore = 'bordo: 9px solido; bordo-raggio:9px; altezza:33px' />
Qui:
- Tutti gli esempi incorporano CSS per stilizzare la linea orizzontale.
- Nel primo esempio creiamo una semplice linea orizzontale colorata.
- Nel secondo esempio, creiamo una linea orizzontale tratteggiata.
- Nel terzo esempio, creiamo una linea orizzontale arrotondata.
Per saperne di più, dai un'occhiata il tag
in HTML .
Esportazione di Markdown come HTML
Con lo strumento giusto, un documento in formato Markdown può essere convertito in HTML. L'editor Pulsar viene fornito con questa funzionalità integrata.
Per copiare l'output di rendering come HTML, fai clic con il pulsante destro del mouse sulla finestra di anteprima e seleziona 'Copia come HTML'.
L'HTML risultante è simile al seguente:
Conclusione
Abbiamo discusso della creazione di linee orizzontali in Markdown. Abbiamo mostrato l'utilizzo sia della sintassi Markdown incorporata che della sintassi HTML per creare linee orizzontali.
Interessato a saperne di più su Markdown? Dai un'occhiata al Sottocategoria Markdown .