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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
|
---
language: markdown
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
translators:
- ["Tasya Aditya Rukmana", "http://github.com/tadityar"]
lang: id-id
filename: markdown-id.md
---
Markdown dibuat oleh John Gruber pada tahun 2004. Tujuannya untuk menjadi syntax yang mudah dibaca dan ditulis yang dapat berubah menjadi HTML (dan sekarang berbagai format lainnya) dengan mudah.
Beri masukan sebanyak-banyaknya! / Jangan sungkan untuk melakukan fork dan pull request!
```markdown
<!-- Markdown adalah superset dari HTML, jadi setiap berkas HTML adalah markdown yang
valid, ini berarti kita dapat menggunakan elemen HTML dalam markdown, seperti elemen
komentar, dan ia tidak akan terpengaruh parser markdown. Namun, jika Anda membuat
elemen HTML di berkas markdown Anda, Anda tidak dapat menggunakan syntax markdown
di dalam konten elemen tersebut. -->
<!-- Markdown juga bervariasi dalam implementasinya dari berbagai parser. Panduan ini
akan mencoba untuk mengklarifikasikan kapan suatu fitur universal atau spesifik
terhadap parser tertentu -->
<!-- Header -->
<!-- Anda dapat membuat elemen HTML <h1> sampai <h6> dengan mudah dengan mendahului
teks yang diinginkan untuk elemen tersebut oleh sejumlah tanda pagar (#) -->
# Ini adalah <h1>
## Ini adalah <h2>
### Ini adalah <h3>
#### Ini adalah <h4>
##### Ini adalah <h5>
###### Ini adalah <h6>
<!-- Markdown juga menyediakan dua cara alternatif untuk menandai h1 and h2 -->
Ini adalah h1
=============
Ini adalah h2
-------------
<!-- Ragam teks simpel -->
<!-- Teks dapat diubah menjadi miring atau tebal dengan mudah menggunakan markdown -->
*Ini adalah teks miring.*
_Dan juga teks ini._
**Ini adalah teks tebal.**
__Dan juga teks ini.__
***Ini adalah teks dengan keduanya.***
**_Dan juga ini!_**
*__Dan ini!__*
<!-- Di markdown ala Github, yang digunakan untuk me-render berkas markdown pada
Github, kita juga punya coretan: -->
~~Teks ini dirender dengan coretan.~~
<!-- Paragraf adalah satu atau beberapa baris teks yang dipisahkan oleh satu atau
beberapa baris kosong. -->
Ini adalah paragraf. Saya mengetik dalam paragraf, bukankah ini menyenangkan?
Sekarang saya ada di paragraf 2.
Saya juga masih ada dalam paragraf 2!
Saya ada di paragraf 3!
<!-- Jika Anda ingin memasukkan tag HTML <br />, Anda dapat mengakhiri sebuah
paragraf dengan dua atau lebih spasi lalu memulai paragraf yang baru. -->
Aku diakhiri dua spasi (soroti aku untuk melihatnya).
Ada sebuah <br /> diatasku!
<!-- Kutipan mudah dibuat dengan karakter >. -->
> Ini adalah kutipan. Anda dapat
> membungkusnya secara manual dan meletakkan `>` sebelum tiap baris atau Anda dapat membuat baris yang sangat panjang dan membuatnya membungkus secara otomatis.
> Tidak ada masalah selama ia diawali dengan `>`.
> Anda juga dapat menggunakan lebih dari satu level
>> indentasi!
> Sangat rapi bukan?
<!-- Daftar -->
<!-- Daftar tak beraturan dapat dibuat dengan bintang, plus, atau strip -->
* Item
* Item
* Item lainnya
atau
+ Item
+ Item
+ Satu lagi item
or
- Item
- Item
- Item terakhir
<!-- List beraturan dibuat dengan angka diikuti titik -->
1. Item satu
2. Item dua
3. Item tiga
<!-- Anda tidak diharuskan melabeli item dengan benar dan markdown akan tetap
me-render angka sesuai urutan, namun mungkin hal ini kurang baik -->
1. Item satu
1. Item dua
1. Item tida
<!-- (Ini dirender sama seperti contoh di atas) -->
<!-- Anda juga dapat menggunakan sublist -->
1. Item satu
2. Item dua
3. Item tiga
* Sub-item
* Sub-item
4. Item empat
<!-- Bahkan ada daftar tugas. Ini membuat kotak centang HTML. -->
Kotak di bawah tanpa 'x' adalah kotak centang HTML yang belum diisi.
- [ ] Tugas pertama selesai.
- [ ] Tugas kedua yang harus diselesaikan
Kotak centang HTML berikut telah diisi.
- [x] Tugas ini telah diselesaikan
<!-- Blok kode -->
<!-- Anda dapat menandai blok kode (yang menggunakan elemen <code>) dengan mengindentasi
sebuah garis dengan empat spasi atau tab -->
Ini adalah kode
Dan ini juga
<!-- Anda juga dapat me-re-tab (atau menambahkan empat spasi tambahan) untuk indentasi
di dalam kode Anda -->
array_ku.each do |item|
puts item
end
<!-- Sebaris kode dapat dibuat dengan karakter backtick ` -->
John bahkan tidak tahu apa fungsi dari `go_to()` !
<!-- Di Markdown ala Github, Anda dapat menggunakan syntax spesial untuk kode -->
\`\`\`ruby <!-- kecuali hapus backlash tersebut ketika melakukannya, hanya ```ruby ! -->
def foobar
puts "Halo Dunia!"
end
\`\`\` <!-- Disini juga, tidak ada backslashes, hanya ``` -->
<!-- Teks di atas tidak membutuhkan indentasi, plus Github akan menggunakan syntax
highlighting dari bahasa yang digunakan setelah ``` -->
<!-- Horizontal rule (<hr />) -->
<!-- Horizontal rules ditambahkan dengan mudah oleh beberapa bintang atau strip,
dengan atau tanpa spasi. -->
***
---
- - -
****************
<!-- Tautan -->
<!-- Salah satu hal terbaik dari markdown adalah mudahnya membuat tautan. Letakkan
teks yang akan di tampilkan di dalam kurung siku [] diikuti oleh url-nya dalam kurung () -->
[Klik aku!](http://test.com/)
<!-- Anda juga dapat menambahkan judul link dengan tanda kutip di dalam kurung -->
[Klik aku!](http://test.com/ "Link to Test.com")
<!-- Path relatif juga bisa. -->
[Pergi ke musik](/music/).
<!-- Markdown juga mendukung tautan gara referal -->
[Klik link ini][link1] untuk info lebih banyak!
[Juga cek link ini][foobar] jika Anda mau.
[link1]: http://test.com/ "Keren!"
[foobar]: http://foobar.biz/ "OK!"
<!-- Judulnya juga bisa dalam kutip satu atau kurung, atau dihilangkan sepenuhnya.
Referensinya juga bisa di mana saja di dokumen anda dan IF referensinya bisa jadi
apa saja selama ia unik. -->
<!-- Ada juga "penamaan implisit" yang membuat Anda dapat menggunakan teks tautan sebagai id -->
[Ini][] adalah tautan.
[ini]: http://thisisalink.com/
<!-- Tapi ia tidak lazim digunakan. -->
<!-- Gambar -->
<!-- Gambar digunakan sama seperti tautan namun dengan tanda seru di depannya! -->
![Ini adalah atribut alt dari gambar saya](http://imgur.com/myimage.jpg "Judul opsional")
<!-- Dan gaya referensi juga bekerja seperti yang diharapkan -->
![Ini adalah atribut alt.][myimage]
[myimage]: relative/urls/cool/image.jpg "jika Anda membutuhkan judul, disini"
<!-- Lain-lain -->
<!-- Tautan otomatis -->
<http://testwebsite.com/> sama dengan
[http://testwebsite.com/](http://testwebsite.com/)
<!-- Tautan otomatis untuk email -->
<foo@bar.com>
<!-- Melewati karakter -->
Saya ingin mengetik *teks ini dikelilingi tanda bintang* tapi saya tidak mau teksnya menjadi
miring, jadi saya melakukan: \*teks ini dikelilingi tanda bintang\*.
<!-- Tombol keyboard -->
<!-- Pada Markdown ala Github, Anda dapat menggunakan tag <kbd> untuk merepresentasikan tombol
keyboard -->
Komputer Anda hang? Coba kirim sebuah
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
<!-- Tabel -->
<!-- Tabel hanya tersedia pada Markdown ala Github dan sedikit merepotkan, namun jika Anda
sangat menginginkannya: -->
| Kol1 | Kol2 | Kol3 |
| :----------- | :------: | ------------: |
| Rata-kiri | Tengah | Rata-Kanan |
| blah | blah | blah |
<!-- atau, untuk hasil yang sama -->
Kol 1 | Kol2 | Kol3
:-- | :-: | --:
Ugh ini sangat jelek | buat ia | berhenti
<!-- Selesai! -->
```
Untuk info lebih lanjut, cek post syntax resmi John Gruber [di sini](http://daringfireball.net/projects/markdown/syntax) dan contekan hebat Adam Pritchard's [di sini](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).
|