Markup met Markdown

leestijd: 5 minuten

markup vet schuin lijst koptekst

Markdown

Markdown is de naam van een heel simpele markup-taal. De code die je toevoegt aan een tekst is vaak een speciaal teken of een combinatie van speciale tekens, waarbij elk speciaal teken een eigen effect heeft.

Schuine Tekst

Om een woord schuin te maken (ook wel italic genoemd) met Markdown zet je het woord tussen underscores ( _ ). Bijvoorbeeld _woord_ wordt getoond als woord.

Vette Tekst

Om een woord vet te maken (ook wel bold genoemd) met Markdown zet je het woord tussen twee sterretjes ( ** ). Bijvoorbeeld **woord** wordt getoond als woord.

Schuine Vette Tekst

Je kan uiteraard woorden ook bold en italic maken. Je kunt zelfs meerdere woorden tegelijk bold, italic of beide maken.

Bijvoorbeeld:

Kopteksten

Kopteksten worden vaak gebruikt in websites, documenten, artikels, … om aandacht te vestigen op een bepaald deel van de tekst. Het zijn een soort titels van een stuk tekst.

Er zijn 6 niveau’s van kopteksten:

koptekst 1

koptekst 2

koptekst 3

koptekst 4

koptekst 5
koptekst 6

Om een koptekst in Markdown aan te duiden gebruik je een hekje (#), ook wel hash of hashtag genoemd.

Om een koptekst van niveau 1 te maken, begin je de koptekst met 1 hekje. Om een koptekst van niveau 5 te maken, begin je de koptekst met 5 hekjes.

# koptekst 1
## koptekst 2
### koptekst 3
#### koptekst 4
##### koptekst 5
###### koptekst 6

Over het algemeen gebruik je niveau 1 zo weinig mogelijk (meestal maar één keer), en gebruik je niveau 5 en 6 zelden.

Tekst vet maken in een titel heeft vaak weinig zin (de meeste kopteksten zijn al bold), maar het is perfect mogelijk om een titel te voorzien van italic tekst.

Bijvoorbeeld ### _Dit_ is de titel wordt getoond als

Dit is de titel

Een hyperlink, vaak ook afgekort tot ‘link’, is een stukje tekst waarop geklikt kan worden, waarna de gebruiker ergens anders naartoe wordt gebracht. Bijvoorbeeld de link Google brengt je naar de zoekpagina van Google.

Om een link te maken met Markdown plaats je de tekst die je wilt tonen tussen vierkante haakjes. De pagina waar je naartoe wilt gaan zet je daarachter tussen gewone haakjes.

Bijvoorbeeld:

de link [Google](www.google.com) brengt je naar de zoekpagina van Google.
wordt getoond als
de link Google brengt je naar de zoekpagina van Google.

Het is ook perfect mogelijk om de tekst van een link bold of italic te maken.

[xkcd is een **heel erg grappige** website!](www.xkcd.com)
wordt getoond als
xkcd is een heel erg grappige website!

Afbeeldingen

Afbeeldingen werken heel gelijkaardig als hyperlinks: Je geeft een alternatieve tekst tussen vierkante haakjes (die wordt getoond als de afbeelding niet meer werkt of gebruikt door slechtzienden) en een link naar de afbeelding tussen gewone haakjes.

Om aan te duiden dat dit een afbeelding is, en geen hyperlink, plaats je aan het begin een uitroepteken (!).

Bijvoorbeeld:

![Een tijger](https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg)
wordt getoond als
Een tijger

Lijsten

Er bestaan twee soorten lijsten: genummerde en ongenummerde lijsten. Of nog simpeler, lijsten met getallen en lijsten met bullet points.

Om een ongenummerde lijst te maken, is het voldoende om elk item in de lijst op een eigen lijn te zetten en te laten beginnen met een sterretje (*) of streepje (-).

 - eieren
 - kaas
 - tomaten

wordt getoond als

Om een genummerde lijst te maken, plaats je een getal gevolgd door een punt aan het begin van elk item.

 1. kluts de eieren
 2. voeg de kaas toe
 3. snij de tomaten in blokjes
 4. voeg de tomatenblokjes toe
 5. bak in de pan

wordt getoond als

  1. kluts de eieren
  2. voeg de kaas toe
  3. snij de tomaten in blokjes
  4. voeg de tomatenblokjes toe
  5. bak in de pan

Je kan zelfs lijsten in lijsten steken, waarbij je verschillende soorten lijsten door elkaar gebruikt.

Belangrijk: zorg ervoor dat het lijst-teken van de tweede lijst op dezelfde hoogte staat als de eerste letter van de eerste lijst. Zo staat in het voorbeeld hieronder het sterretje van * A reporter op dezelfde hoogte als de T van 1. Tintin. Gebruik hiervoor extra spaties.

En zoals altijd, kan je ook hier tekst vet of italic maken.

1. Tintin
   * A reporter
   * Has **_poofy orange hair_**
   * Friends with the world's most awesome dog
2. Haddock
   * A **sea captain**
   * Has a fantastic **beard**
   * Loves whiskey
     * Possibly also scotch?

wordt getoond als

  1. Tintin
    • A reporter
    • Has poofy orange hair
    • Friends with the world’s most awesome dog
  2. Haddock
    • A sea captain
    • Has a fantastic beard
    • Loves whiskey
      • Possibly also scotch?