1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
|
---
language: markdown
filename: markdown.md
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
translators:
- ["Jeroen Deviaene", "https://www.github.com/jerodev"]
lang: nl-nl
---
Markdown is gecreëerd door John Gruber in 2004. Het is bedoeld om met een gemakkelijke te lezen en
schrijven syntax te zijn die gemakkelijk omgevormd kan worden naar HTML (en op heden verschillende
andere formaten)
```markdown
<!-- Markdown erft over van HTML, dus ieder HTML bestand is een geldig Markdown
bestand. Dit betekend ook dat html elementen gebruikt kunnen worden in Markdown
zoals het commentaar element. Echter, als je een html element maakt in een Markdown
document kan je geen markdown gebruiken voor de waarde van dat element. -->
<!-- Markdown varieert ook van implementatie tot implementatie en per parser. Deze
tutorial zal de universele functies van Markdown -->
<!-- Headers -->
<!-- Je kan de HTML elementen <h1> tot <h6> gemakkelijk maken door voor de titel
een aantal hashes (#) te plaatsen gelijk aan het level van de header.
# Dit is een <h1>
## Dit is een <h2>
### Dit is een <h3>
#### Dit is een <h4>
##### Dit is een <h5>
###### Dit is een <h6>
<!-- Markdown heeft ook een alternatieve manier om h1 en h2 te maken -->
Dit is een h1
=============
Dit is een h2
-------------
<!-- Simpele tekst stijlen -->
<!-- Tekst kan heel gemakelijk gestyled worden cursief of bold met markdown -->
*Deze tekst is cursief*
_Deze tekst ook_
**Deze tekst is vet gedrukt**
__En deze tekst ook!__
***Deze tekst is zowel bold als schuin gedrukt***
**_Deze ook!_**
*__En zelfs deze!__*
<!-- In de github versie van markdown, die gebruikt wordt om markdown te renderen
op Github, is er ook doorstrepen -->
~~Deze tekst wordt doorstreept.~~
<!-- Paragrafen worden onderscheiden door een of meerdere lege lijnen -->
Dit is een paragraaf.
Dit is paragraaf 2.
Dit is nog steeds paragraaf 2!
Hallo, ik ben paragraaf 3.
<!-- Citaten zijn gemakkelijk te maken met het '>' karakter. -->
> Dit is een citaat. Je kan alle lijnen manueel starten met een '>'.
> Of je kan de lijn heel heel, heel, lang laten worden zodat de parser deze automatisch zal afbreken en op een nieuwe lijn plaatsen.
> Het maakt niet uit, zolang je start met een '>'.
> Je kan ook in niveaus werken
>> Niveau 2
> Hoe leuk is dat?
<!-- Lijsten -->
<!-- Niet geordende lijsten kunnen gemaakt worden met sterretjes, plussen of streepjes -->
* Item
* Item
* Nog een item
of
+ Item
+ Item
+ Nog een item
of
- Item
- Item
- Een laatste item
<!-- Geordende lijsten kunnen gemaakt wroden met cijfers -->
1. Item een
2. Item twee
3. Item drie
<!-- Het getal moet zelfs niet overeen komen met het item in de lijst, markdown zal
automatisch de nummers aanpassen -->
1. Item een
1. Item twe
1. Item drie
<!-- (De output is gelijk aan de vorige lijst) -->
<!-- Je kan ook gebruik maken van sub lijsten -->
1. Item een
2. Item twee
3. Item drie
* Sub-item
* Sub-item
4. Item vier
<!-- Er zijn zelfs todo lijsten. Dit genereert HTML checkboxen. -->
Boxen zonder een 'x' zijn niet aangevinkt
- [ ] Eerste to-do item.
- [ ] Tweede to-do item
Dit item zal aangevinkt zijn in de gerenderde html.
- [x] Deze taak is uitgevoerd
<!-- Code blokken -->
<!-- Een code block kan aangeduid worden door vier spaties of een tab -->
Dit is code
En dit ook
<!-- Extra tabs kunnen gebruikt worden om tabs in de code aan te geven -->
my_array.each do |item|
puts item
end
<!-- Inline code kan aangeduid worden met ` -->
John wist zelfs niet dat de `go_to()` functie bestond!
<!-- In Github Markdown kan je een speciale syntax gebruiken die aangeeft welke
taal gebruikt wordt in het code blok. -->
\`\`\`ruby <!-- Wis de backslashes om dit te doen, juist ```ruby ! -->
def foobar
puts "Hello world!"
end
\`\`\` <!-- Hier ook, geen backslashes, juist ``` -->
<!-- Voor bovenstaande tekst moet geen tab gebruikt worden. Plus, Github zal syntax
highlighting gebruiken voor deze specifieke taal. Hier, Ruby.
<!-- Horizontale lijn (<hr />) -->
<!-- Horizontale lijnen kunnen gemakkelijk toegevoegd worden door drie of meer
sterretjes, of streepjes te plaatsen -->
***
---
- - -
****************
<!-- Links -->
<!-- Een van de beste dingen in Markdown is hoe simpel het is om links te maken.
plaats de tekst om weer te geven tussen [ en ] gevolgd door de link tussen ( en ) -->
[Klik mij!](http://test.com/)
<!-- Een titel kan ook toegevoegd worden aan de link met aanhalingstekens -->
[Klik mij!](http://test.com/ "Titel voor de link")
<!-- Relative paden werken ook -->
[Naar de muziek](/music/).
<!-- Links kunnen ook gelegd worden met referenties -->
[Klik deze link][link1] voor meer info!
[Beijk ook dit][foobar] als je echt wil.
[link1]: http://test.com/ "Cool!"
[foobar]: http://foobar.biz/ "Tof!"
<!-- Afbeeldingen -->
<!-- Afbeeldingen worden toegevoegd op exact de zelfde manier als links maar met een
uitroepteken aan het begin van de lijn. -->
<!-- Referenties werkt ook zals bij links -->
![Dit is de alt waarde][myimage]
[myimage]: relative/urls/cool/image.jpg "als een titel nodig is, staat deze hier"
<!-- Varia -->
<!-- Auto-links -->
<http://testwebsite.com/> is gelijk aan
[http://testwebsite.com/](http://testwebsite.com/)
<!-- Auto-links for emails -->
<foo@bar.com>
<!-- Karakters escapen -->
Als je sterretjes wil gebruiken in je tekst zoals *dit* dan zal dit schuingedrukt weergegeven
worden.
Dit kan je oplossen met backslashes: \*dit\* staat tussen sterretjes
<!-- Toetsenbord toetsen -->
<!-- In Github Markdown, kan je <kbd> gebruiken om toetsenbord toetsen weer te geven -->
Loopt je computer vast? Probeer volgende toetsen combinatie:
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
<!-- Tabellen -->
<!-- Tabellen zijn momenteel enkel beschikbaar in Github Markdown en zijn redelijk omslachtig.
Maar als je er echt wilt toevoegen: -->
| Col1 | Col2 | Col3 |
| :--------------- | :---------: | ----------------: |
| Links uitgelijnt | Gecentreerd | Rechts uitgelijnt |
| blah | blah | blah |
<!-- of, Voor het zelfde resultaat -->
Col 1 | Col2 | Col3
:-- | :-: | --:
Zeer | Lelijke | Code!
<!-- The end! -->
```
Voor meer info, bekijk de officiële post van John Gruber [hier](http://daringfireball.net/projects/markdown/syntax) en de handige cheatsheet van Adam Pritchard [hier](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).
|
