Legge til horisontale linjer i Markdown

Legge Til Horisontale Linjer I Markdown



I denne veiledningen vil vi lære om å legge til horisontale linjer i Markdown.

Forutsetninger:

For å utføre trinnene som er demonstrert i denne veiledningen, trenger du følgende komponenter:

  • En passende Markdown-editor. For eksempel, VSCodium , trykk (gaffel av Atom ), eller en hvilken som helst online markup-editor.
  • En grunnleggende forståelse av Markdown (valgfritt).

Markdown

Markdown er et populært markeringsspråk som gjør det mulig å legge til ulike elementer (overskrifter, bilder, tabeller, etc.) for å rengjøre tekstdokumentene. I tillegg til de innebygde syntaksene, støtter Markdown også forskjellige HTML-koder. Den har fått popularitet over tid for sitt interessante sett med funksjoner:







  • Lett : Sammenlignet med andre markup-språk er Markdown enkel og lett. Standard Markdown inkluderer ikke mange syntakser samtidig som den bevarer de forskjellige funksjonene.
  • Bærbarhet : Et Markdown-dokument er grunnleggende ren tekst. Dermed kan ethvert program fungere med det. Du kan også lage en Markdown-formatert tekst på hvilken som helst plattform.
  • Popularitet : Markdown brukes til å lage nettsteder, dokumenter, notater, e-poster og andre. Store selskaper som Reddit, GitHub, etc. støtter også Markdown.

Horisontale linjer i Markdown

I Markdown ser den horisontale linjen ut som noe slikt:





Det er ulike anledninger der du kanskje vil legge til en horisontal linje i et dokument. For eksempel angir starten/slutten av en seksjon.





Opprette et nytt dokument

Når vi jobber med Pulsar-editoren, må vi åpne en ny tekstfil for å lagre Markdown-dokumentet vårt. Fra hovedvinduet, gå til Fil >> Ny fil eller bruk ' Ctrl + N ' tastatursnarvei.



Pulsar-editoren kommer med en live Markdown-forhåndsvisningsfunksjon. For å aktivere direkte forhåndsvisning, gå til Pakker >> Markdown-forhåndsvisning >> Veksle forhåndsvisning . Alternativt kan du bruke ' Ctrl + Shift + M ' tastatursnarvei.

Opprette horisontale linjer

I Markdown er det et par syntakser for å betegne en horisontal linje:

  • ***
  • ___

Alle vil resultere i en lignende utgang.

For å demonstrere, kopier og lim inn følgende kode i tekstredigeringsprogrammet:

# Hei Verden

___

# den raske brunreven

***

# hopper over den late hunden

___

#123456789

Her:

  • For bedre bilder bruker vi H1-formateringen for hver tekstlinje.
  • Vi lager tre horisontale linjer ved hjelp av tre forskjellige symboler.
  • Det er en ny linje før og etter hvert av de horisontale linjesymbolene.

Det anbefales å bruke slike mellomrom fordi '—'-symbolet uten mellomrom angir en overskrift:

feil metode

---

Hei Verden

Opprette horisontale linjer ved hjelp av HTML

Hvis du har jobbet med HTML før, er du sannsynligvis kjent med


å lage horisontale linjer. Det fungerer også i Markdown.

Sjekk ut følgende kode:

## Hei Verden

< hr />

Her:

  • Vi bruker H2-formateringen for teksten.
  • De
    -taggen genererer en horisontal linje i det gjengitte resultatet.

En interessant fordel med denne tilnærmingen er at du ikke trenger å bekymre deg for å lage en overskrift ved et uhell.

De


taggen tillater også å justere ulike egenskaper for utdataene. For eksempel: farge, bredde osv. Sjekk ut følgende eksempel:

## eksempel 1

< hr stil = 'kant: 3px solid grønn' />

## eksempel 2

< hr stil = 'kantlinje: 9px stiplet rød' />

## eksempel 3

< hr stil = 'border: 9px solid; border-radius:9px; height:33px' />

Her:

  • Alle eksemplene inneholder CSS for å stilisere den horisontale linjen.
  • I det første eksemplet lager vi en enkel farget horisontal linje.
  • I det andre eksemplet lager vi en stiplet horisontal linje.
  • I det tredje eksemplet lager vi en avrundet horisontal linje.

For å lære mer, sjekk ut


-taggen i HTML .

Eksporterer Markdown som HTML

Med riktig verktøy kan et Markdown-formatert dokument konverteres til HTML. Pulsar-editoren kommer med denne innebygde funksjonen.

For å kopiere det gjengitte resultatet som HTML, høyreklikk på forhåndsvisningsvinduet og velg 'Kopier som HTML'.

Den resulterende HTML-en ser slik ut:

Konklusjon

Vi diskuterte om å lage horisontale linjer i Markdown. Vi viste frem bruk av både den innebygde Markdown-syntaksen og HTML-syntaksen for å lage horisontale linjer.

Interessert i å lære mer om Markdown? Sjekk ut Markdown underkategori .