Introduktion

Vad är Markdown?

Markdown är ett lättviktigt uppmärkningsspråk med syntax för oformaterad text, avsett för webbskribenter. Det låter dig enkelt skriva text, utan behov av externa verktyg eller ett användargränssnitt, som senare kommer att formateras som HTML samtidigt som läsbarheten bibehålls. Markdown kan användas istället för eller tillsammans med text formaterad med BBCode.

Upp

Textformatering

Skapa fet text

För att göra en text fet, omslut den med ett par ** eller __, t.ex.

**Hej**

eller

__Hej__

kommer att bli

Hej

Upp

---

Skapa kursiv text

För att kursivera text, omslut den med ett par * eller _, t.ex.

*Toppen!*

eller

_Toppen!_

kommer att bli

Toppen!

Upp

---

Skapa genomstruken text

För att stryka igenom text, omslut den med ett par ~~, t.ex.

~~God morgon~~

kommer att bli

God morgon

Upp

---

Skapa nedsänkt text

För att skapa nedsänkt text, omslut den med ett par ~, t.ex.

H~2~O

kommer att bli

H₂O

Upp

---

Skapa upphöjd text

För att skapa upphöjd text, lägg till ^ före texten, t.ex.

2^n

kommer att bli

2ⁿ

Upp

---

Skapa rubriker

För att skapa rubriker, lägg till från 1 upp till 6 #-tecken följt av ett mellanslag före texten. Ju fler tecken, desto mindre blir rubriken, t.ex.

# H1
## H2
### H3
#### H4
#### H5
#### H6

kommer att bli

H1

H2

H3

H4

H5

H6

Upp

Citera och visa text med fast bredd

Citera text i svar

För att citera text, lägg till > och valfritt ett mellanslag före textraden, t.ex.

> Citerad text

kommer att bli

Citerad text

Upp

---

Visa kod

För att visa kod, omslut den med ett par ``` eller ~~~, eller alternativt lägg till 4 blanksteg före varje rad. Du kan också ange språket i den första markören, t.ex.

```ruby
puts "Hej #{user}!"
```

kommer att bli

puts "Hej #{user}!"

Upp

---

Visa infogad kod

För att visa infogad kod, omslut den med ett par ` eller ``, t.ex.

`<div>`-tagg

eller

``<div>``-tagg

kommer att bli

<div>-tagg

Upp

Skapa tabeller

Skapa tabeller

För att skapa tabeller, lägg till en textrad uppdelad med | som blir tabellrubrikerna. Därefter en ny rad med - och valfritt : till vänster, på båda sidor eller till höger för att justera texten i den kolumnen, återigen uppdelad med |. Alla efterföljande rader uppdelade med | kommer att renderas som tabellrader, t.ex.

| Vänster | Centrerat | Höger |
|:----|:----:|----:|
|   x  |    x   |   x   |

eller

Vänster|Centrerat|Höger
:-|:-:|-:
x|x|x

kommer att bli

Vänster	Centrerat	Höger
x	x	x

Upp

Skapa spoilers

Skapa blockspoilers

För att skapa en blockspoiler, lägg till >! och valfritt ett mellanslag före textraden. Efterföljande rader kan inledas med >, t.ex.

>! Spoilertext
> En annan rad

kommer att bli

Spoilertext
En annan rad

Upp

---

Skapa infogade spoilers

För att skapa en infogad spoiler, omslut texten med >! och !< eller med ett par ||, t.ex.

Detta är en >!spoiler!< i Reddit-stil.
Detta är en ||spoiler|| i Discord-stil.

kommer att bli

Detta är en spoiler i Reddit-stil.
Detta är en spoiler i Discord-stil.

Upp

Skapa listor

Skapa oordnad lista

För att skapa en oordnad lista, lägg till *, - eller + följt av ett mellanslag före varje listpunkt. Listor kan nästlas genom att lägga till 4 extra mellanslag eller en tabb för att skapa en undernivå, t.ex.

- Element
    - Underelement
- Element

kommer att bli

• Element
  • Underelement
• Element

Upp

---

Skapa ordnad lista

För att skapa en ordnad lista, lägg till en siffra följt av en punkt och ett mellanslag, t.ex.

1. Element
    1. Underelement
2. Element

kommer att bli

1. Element
   1. Underelement
2. Element

Upp

---

Skapa att-göra-lista

För att skapa en att-göra-lista, lägg till *, - eller + följt av ett mellanslag, antingen [x] eller [ ], och ytterligare ett mellanslag före varje listpunkt. Tecknen [x] och [ ] visar en ikryssad respektive en tom kryssruta, t.ex.

- [x] Element
    - [x] Underelement
- [ ] Element

kommer att bli

• Element
  • Underelement
• Element

Upp

Skapa länkar

Länka till en annan webbplats

För att skapa länkar, skriv länktexten inom hakparenteser följt av länkens URL inom parenteser, t.ex.

[Länktext](http://example.org)

kommer att bli

Länktext

Upp

Visa bilder

Lägga till bilder

För att visa en bild, lägg till ett utropstecken följt av bildens alternativa text inom hakparenteser och sedan bildens URL inom parenteser, t.ex.

![phpBB](https://www.phpbb.com/assets/images/images/logos/blue/160x52.png)

kommer att bli

Upp

Extra

Skapa horisontella linjer

För att skapa en horisontell linje, lägg till minst 3 *, - eller _, valfritt åtskilda med ett mellanslag, t.ex.

***
* * *
---
- - -
___
_ _ _

kommer att bli

---

Upp