Lägga till horisontella linjer i Markdown

Förutsättningar:

För att utföra stegen som visas i den här guiden behöver du följande komponenter:

• En lämplig Markdown-redigerare. Till exempel, VSCodium , Tryck (gaffel av Atom ), eller någon online uppmärkningsredigerare.
• En grundläggande förståelse för Markdown (valfritt).

Prissänkning

Markdown är ett populärt märkningsspråk som gör det möjligt att lägga till olika element (rubriker, bilder, tabeller, etc.) för att göra textdokumenten enkla. Förutom dess inbyggda syntaxer stöder Markdown också olika HTML-taggar. Det har blivit populärt med tiden för sin intressanta uppsättning funktioner:

• Lättvikt : Jämfört med andra märkningsspråk är Markdown enkel och lätt. Standard Markdown innehåller inte många syntaxer samtidigt som de bevarar dess olika funktioner.
• Bärbarhet : Ett Markdown-dokument är i grunden vanlig text. Således kan vilket program som helst fungera med det. Du kan också skapa en Markdown-formaterad text på vilken plattform som helst.
• Popularitet : Markdown används för att skapa webbplatser, dokument, anteckningar, e-postmeddelanden och annat. Stora företag som Reddit, GitHub, etc. stöder också Markdown.

Horisontella linjer i Markdown

I Markdown ser den horisontella linjen ut ungefär så här:

Det finns olika tillfällen då du kanske vill lägga till en horisontell linje i ett dokument. Till exempel, anger början/slutet av ett avsnitt.

Skapa ett nytt dokument

När vi arbetar med Pulsar-redigeraren måste vi öppna en ny textfil för att lagra vårt Markdown-dokument. Från huvudfönstret, gå till Arkiv >> Ny fil eller använd ' Ctrl + N ' tangentbordsgenväg.

Pulsar-redigeraren kommer med en live Markdown-förhandsvisningsfunktion. För att aktivera liveförhandsvisningen, gå till Paket >> Markdown Preview >> Växla förhandsgranskning . Alternativt kan du använda ' Ctrl + Shift + M ' tangentbordsgenväg.

Skapa horisontella linjer

I Markdown finns det ett par syntaxer för att beteckna en horisontell linje:

• ***
• —
• ___

Alla kommer att resultera i en liknande utgång.

För att demonstrera, kopiera och klistra in följande kod i textredigeraren:

Här:

• För bättre bilder använder vi H1-formateringen för varje textrad.
• Vi skapar tre horisontella linjer med hjälp av tre olika symboler.
• Det finns en ny linje före och efter varje horisontell linjesymbol.

Det rekommenderas att använda sådant mellanrum eftersom '—'-symbolen utan mellanrum anger en rubrik:

Skapa horisontella linjer med HTML

Om du arbetat med HTML tidigare är du förmodligen bekant med

Kolla in följande kod:

Här:

• Vi använder H2-formateringen för texten.
• De

  ---

  taggen genererar en horisontell linje i den renderade utdata.

En intressant fördel med detta tillvägagångssätt är att du inte behöver oroa dig för att skapa en rubrik av misstag.

De

Här:

• Alla exemplen innehåller CSS för att stilisera den horisontella linjen.
• I det första exemplet skapar vi en enkel färgad horisontell linje.
• I det andra exemplet skapar vi en streckad horisontell linje.
• I det tredje exemplet skapar vi en rundad horisontell linje.

Om du vill veta mer, kolla in taggen

Exporterar Markdown som HTML

Med rätt verktyg kan ett Markdown-formaterat dokument konverteras till HTML. Pulsar-redigeraren kommer med denna inbyggda funktion.

För att kopiera den renderade utdata som HTML, högerklicka på förhandsgranskningsfönstret och välj 'Kopiera som HTML'.

Den resulterande HTML-koden ser ut så här:

Slutsats

Vi diskuterade om att skapa horisontella linjer i Markdown. Vi visade upp att använda både den inbyggda Markdown-syntaxen och HTML-syntaxen för att skapa horisontella linjer.

Intresserad av att lära dig mer om Markdown? Kolla in Markdown underkategori .