Cheat Sheet Markdown

Q: Bagaimana cara menambahkan checkbox di Markdown?

Awali item list dengan [ ] untuk kotak kosong atau [x] untuk kotak tercentang: - [ ] Review atau - [x] Draft. Pertahankan spasi di dalam kurung siku yang kosong. Checkbox adalah bagian dari GitHub Flavored Markdown, dan di issue dan pull request GitHub kamu bisa mencentangnya dengan sekali klik.

Q: Bagaimana cara mengubah ukuran gambar di Markdown?

Markdown biasa tidak punya sintaks ukuran: ![alt text](image.png) selalu menampilkan gambar dengan ukuran aslinya. Pakai tag HTML sebagai gantinya, seperti , yang diterima GitHub dan sebagian besar renderer. Atur hanya lebar atau hanya tingginya agar proporsinya tetap terjaga.

Q: Bagaimana cara menautkan ke heading di Markdown?

Tautkan ke ID heading dengan #: [Setup](#getting-started) melompat ke ## Getting Started. GitHub membangun ID dari teks heading dalam huruf kecil, dengan spasi diubah menjadi tanda hubung dan tanda baca selain tanda hubung dan garis bawah dibuang. Untuk heading di file lain, taruh ID-nya setelah nama file: [Setup](docs/install.md#getting-started).

Q: Apa itu file .md?

File teks biasa yang ditulis dalam Markdown. .md dan .markdown adalah ekstensi yang umum, dan README.md adalah file yang ditampilkan GitHub di halaman depan sebuah repository. Editor teks apa pun bisa membukanya; GitHub, situs dokumentasi, dan penampil Markdown menampilkannya sebagai teks berformat. Untuk melihat file ditampilkan saat kamu mengeditnya, tempelkan ke Markdown editor.

Terakhir diperbarui 23 September 2026

Heading

Beri spasi setelah tanda #. Jumlah tandanya menentukan level, dari 1 sampai 6.

Elemen	Markdown	Hasil
Heading 1	`# Page title`	Heading tingkat teratas, `<h1>`
Heading 2	`## Section`	Heading bagian, `<h2>`
Heading 3	`### Subsection`	Heading subbagian, `<h3>`
Heading 4 sampai 6	`#### Level 4 ##### Level 5 ###### Level 6`	`<h4>`, `<h5>`, dan `<h6>`
Heading 1, cara alternatif	`Page title ==========`	`<h1>`, sama dengan `# Page title`
Heading 2, cara alternatif	`Section -------`	`<h2>`, sama dengan `## Section`
Tanda pagar penutup	`## Section ##`	`<h2>Section</h2>`; tanda `#` di akhir dibuang
Tanpa spasi	`#Not a heading`	Paragraf biasa. Spasi setelah `#` wajib ada

Tebal, miring dan coret

Tanda bintang bisa dipakai di mana saja, bahkan di dalam kata. Garis bawah hanya berfungsi di batas kata, jadi snake_case tetap seperti yang diketik.

Elemen	Markdown	Hasil
Tebal	`bold text`	Tebal, `<strong>bold text</strong>`
Tebal, dengan garis bawah	`__bold text__`	Tebal, sama seperti di atas
Miring	`italic text`	Miring, `<em>italic text</em>`
Miring, dengan garis bawah	`_italic text_`	Miring, sama seperti di atas
Tebal dan miring	`*bold and italic*`	`<em><strong>bold and italic</strong></em>`
Tebal di dalam kata	`unbelievable`	Hanya bagian tengah kata yang tebal
Garis bawah di dalam kata	`snake_case_name`	Teks biasa, tidak miring
Coret (GFM)	`~~no longer true~~`	Dicoret, `<del>no longer true</del>`
Garis bawah (underline)	`<ins>underlined</ins>`	Teks bergaris bawah. Markdown tidak punya sintaks underline, jadi ini HTML
Stabilo (highlight)	`<mark>highlighted</mark>`	Teks yang distabilo di situs yang mengizinkan tag `<mark>`. Markdown tidak punya sintaks highlight

Baris baru dan paragraf

Menekan Enter sekali di dalam paragraf tidak membuat baris baru di hasilnya. Pakai salah satu cara ini.

Elemen	Markdown	Hasil
Paragraf baru	`First paragraph. Second paragraph.`	Dua paragraf. Baris kosong memisahkan keduanya
Pindah baris: dua spasi	`Roses are red, Violets are blue.`	Satu paragraf dengan `<br>` setelah `red,`. Baris pertama diakhiri dua spasi yang tidak terlihat
Pindah baris: backslash	`Roses are red,\ Violets are blue.`	`<br>` yang sama, dengan penanda yang terlihat. Berfungsi di CommonMark dan GitHub
Pindah baris: HTML	`Roses are red,<br>Violets are blue.`	`<br>` yang sama. Juga berfungsi di dalam sel tabel
Satu baris baru	`Roses are red, Violets are blue.`	Satu baris: `Roses are red, Violets are blue.` Issue dan komentar GitHub mempertahankan pindah barisnya; file .md tidak
Baris kosong tambahan	`One. Two.`	Sama dengan satu baris kosong. Untuk jarak lebih, taruh `<br>` di barisnya sendiri

List

Beri indentasi pada item bersarang agar sejajar dengan teks item di atasnya: 2 spasi di bawah - , 3 spasi di bawah 1. .

Elemen	Markdown	Hasil
List berpoin	`- Apples - Pears - Plums`	List berpoin, `<ul>` dengan tiga `<li>`
Poin lainnya	`* Apples + Pears`	`*` dan `+` juga membuat poin. Mengganti karakternya memulai list baru
List bernomor	`1. Install 2. Configure 3. Run`	List bernomor, `<ol>`
Penomoran malas	`1. Install 1. Configure 1. Run`	Tetap bernomor 1, 2, 3. Hanya angka pertama yang dihitung
Mulai dari angka tertentu	`7. Seventh 8. Eighth`	`<ol start="7">`, bernomor mulai dari 7
List bersarang	`- Fruit - Apple - Pear - Vegetables`	List di dalam item pertama
Bersarang, bernomor	`1. Download - Windows - macOS 2. Install`	Poin di dalam langkah 1, dengan indentasi 3 spasi
Paragraf di dalam item	`- First item More about the first item. - Second item`	Dua paragraf di dalam item pertama
Kode di dalam item	1. Run this: ```bash npm install ``` 2. Start the app	Blok kode di dalam langkah 1, dengan indentasi sejajar teks item

Task list (checkbox)

Ekstensi GitHub Flavored Markdown: item list yang diawali [ ] atau [x] menjadi checkbox.

Elemen	Markdown	Hasil
Checkbox kosong	`- [ ] Write tests`	Checkbox yang belum dicentang
Checkbox tercentang	`- [x] Write tests`	Checkbox yang sudah dicentang. `[X]` juga bisa
Checklist	`- [x] Draft - [ ] Review - [ ] Publish`	Satu kotak tercentang dan dua kotak kosong. Di issue dan pull request GitHub kamu bisa mencentangnya dengan sekali klik
Tugas bersarang	`- [ ] Release - [x] Tag the commit - [ ] Write the notes`	Dua sub-tugas di bawah kotak pertama
Tanpa spasi	`- [] Write tests`	Poin biasa yang terbaca `[] Write tests`. Tanda kurungnya butuh spasi atau x

Link

Teks link ditulis di dalam kurung siku dan alamatnya di dalam kurung biasa tepat setelahnya, tanpa spasi di antaranya.

Elemen	Markdown	Hasil
Link inline	`[Coddy](https://coddy.tech)`	`<a href="https://coddy.tech">Coddy</a>`
Link dengan judul	`[Coddy](https://coddy.tech "Learn to code")`	Link yang sama. Judulnya tampil sebagai tooltip saat kursor diarahkan
URL dalam kurung sudut	`<https://coddy.tech>`	URL itu sendiri, sebagai link
URL polos (GFM)	`https://coddy.tech`	Link di GitHub dan situs GFM lainnya, yang juga menautkan alamat `www.`. Teks biasa di CommonMark yang ketat
Link email	`<hello@example.com>`	Link `mailto:`
Link referensi	`Read the [docs][1]. [1]: https://example.com/docs`	`docs` menaut ke URL. Baris `[1]:` tidak ditampilkan
Referensi singkat	`See [GitHub]. [GitHub]: https://github.com`	`GitHub` menaut ke URL
Link relatif	`[Install guide](docs/install.md)`	Link ke file yang relatif terhadap file ini. Di GitHub link ini membuka file di repository
Link ke heading	`[Jump to setup](#getting-started)`	Menggulir ke `## Getting Started` di halaman yang sama
ID heading	`## Getting Started!`	Mendapat ID `getting-started` di GitHub: huruf kecil, spasi menjadi tanda hubung, tanda baca selain `-` dan `_` dibuang
Heading di file lain	`[Requirements](docs/install.md#requirements)`	Membuka file tepat di heading tersebut
Spasi di URL	`[Report](my%20report.pdf)`	Tulis setiap spasi sebagai `%20`, atau bungkus URL dengan kurung sudut: `[Report](<my report.pdf>)`
Buka di tab baru	`<a href="https://coddy.tech" target="_blank">Coddy</a>`	Markdown tidak punya sintaks untuk ini. HTML-nya berfungsi di situs yang mempertahankan atribut `target`

Gambar

Gambar adalah link dengan ! di depannya. Teks di dalam kurung siku menjadi teks alt, yang dibacakan oleh pembaca layar.

Elemen	Markdown	Hasil
Gambar	`![A cat asleep on a sofa](cat.png)`	`<img src="cat.png" alt="A cat asleep on a sofa">`
Gambar dengan judul	`![Logo](logo.png "Coddy logo")`	Gambar yang sama dengan tooltip saat kursor diarahkan
Gambar dari URL	`![Build status](https://example.com/badge.svg)`	Memuat gambar dari web
Gambar yang bisa diklik	`[![Logo](logo.png)](https://coddy.tech)`	Gambar yang membuka link saat diklik
Gambar referensi	`![Logo][logo] [logo]: images/logo.png`	Sama seperti gambar inline, dengan URL yang didefinisikan sekali di bawah
Ukuran gambar	`<img src="logo.png" alt="Logo" width="200">`	Gambar dengan lebar 200 piksel. Markdown biasa tidak punya sintaks ukuran, jadi ini tag HTML `<img>`
Gambar di tengah	`<p align="center"> <img src="logo.png" alt="Logo" width="200"> </p>`	Gambar yang ditaruh di tengah, seperti yang terlihat di banyak file README GitHub

Kode dan blok kode

Backtick menandai kode di dalam satu baris; pagar berisi tiga backtick menandai sebuah blok. Tidak ada yang diformat di dalam kode.

Elemen	Markdown	Hasil
Kode inline	Run `npm install` first.	`npm install` dengan font monospace, sebagai `<code>`
Backtick di dalam kode	``Use `git` here``	Kode Use `git` here. Bungkus dengan lebih banyak backtick daripada yang ada di dalamnya
Blok kode	``` npm install npm run dev ```	Sebuah blok, `<pre><code>`, dengan pindah barisnya dipertahankan
Syntax highlighting	```python def greet(name): return f"Hello, {name}" ```	Blok Python dengan sintaks berwarna. Nama yang umum: `js`, `ts`, `python`, `bash`, `json`, `html`, `css`, `sql`
Pagar tilde	`~~~js console.log("hi"); ~~~`	Sama dengan pagar backtick
Kode dengan indentasi	`const total = 42;`	Blok kode yang dibuat dengan indentasi 4 spasi, setelah baris kosong
Blok diff	```diff - const x = 1; + const x = 2; ```	Baris yang dihapus berwarna merah dan baris yang ditambahkan berwarna hijau di GitHub
Pagar di dalam blok	````markdown ```js let a = 1; ``` ````	Blok yang menampilkan pagar di dalamnya sebagai teks. Pagar luar butuh lebih banyak backtick daripada pagar dalam

Tabel

Ekstensi GitHub Flavored Markdown. Baris kedua, yaitu baris pembatas, menjadikan baris pertama sebagai header. Jumlah selnya harus sama dengan header, kalau tidak tabel tidak akan terbentuk.

Elemen	Markdown	Hasil
Tabel	`\| Name \| Role \| \| ----- \| ------ \| \| Ada \| Admin \| \| Linus \| Editor \|`	Tabel dengan baris header dan dua baris
Perataan kolom	`\| Left \| Center \| Right \| \| :--- \| :----: \| ----: \| \| a \| b \| c \|`	Titik dua menentukan perataan: kiri, tengah, kanan
Tanpa pipe di tepi	`Name \| Role --- \| --- Ada \| Admin`	Tabel yang sama. Pipe di awal dan akhir baris bersifat opsional
Lebar kolom	`\| a \| b \| \|---\|---\| \| 1 \| 2 \|`	Lebar ditentukan oleh isinya. Jumlah tanda hubung tidak berpengaruh, dan pipe tidak perlu sejajar
Format di dalam sel	\| Command \| Does \| \| --- \| --- \| \| `git status` \| Shows changed files \|	Kode, teks tebal, link, dan gambar semuanya berfungsi di dalam sel
Pipe di dalam sel	\| Operator \| Meaning \| \| --- \| --- \| \| `a \\| b` \| a or b \|	Sel menampilkan `a \| b`. Escape pipe dengan `\\|`, bahkan di dalam kode
Pindah baris di dalam sel	`\| Step \| Notes \| \| --- \| --- \| \| 1 \| First line<br>Second line \|`	Dua baris dalam satu sel. Baris baru sungguhan akan mengakhiri baris tabel
Sel yang digabung	`<td colspan="2">Both columns</td>`	Tabel Markdown tidak bisa menggabungkan sel. Tulis tabelnya dalam HTML dengan `colspan` atau `rowspan`

Blockquote

Awali setiap baris dengan >. Blockquote bisa berisi Markdown apa pun.

Elemen	Markdown	Hasil
Blockquote	`> Simple is better than complex.`	Kutipan menjorok, `<blockquote>`
Beberapa paragraf	`> First paragraph. > > Second paragraph.`	Satu kutipan dengan dua paragraf. Baris `>` yang kosong menjaga keduanya tetap menyatu
Kutipan bersarang	`> The reply >> The original message`	Kutipan di dalam kutipan
Elemen lain di dalamnya	`> #### Note > - Back up first > - Then upgrade`	Heading dan list di dalam kutipan
Alert (GitHub)	`> [!NOTE] > Requires Node 20 or later.`	Kotak Note berwarna di GitHub. Jenis lainnya adalah `[!TIP]`, `[!IMPORTANT]`, `[!WARNING]`, dan `[!CAUTION]`

Garis horizontal

Tiga atau lebih tanda hubung, bintang, atau garis bawah sendirian di satu baris menggambar garis melintang halaman.

Elemen	Markdown	Hasil
Garis	`---`	Garis horizontal, `<hr>`
Bentuk lain	`*** ___`	Dua garis lagi
Garis setelah teks	`Some text ---`	Sebuah paragraf, lalu garis. Pertahankan baris kosongnya
Tanpa baris kosong	`Some text ---`	Heading level 2, bukan garis: `---` di bawah sebaris teks menggarisbawahinya

Footnote

Didukung di GitHub, GitLab, dan banyak static site generator. CommonMark yang ketat tidak punya footnote.

Elemen	Markdown	Hasil
Footnote	`Markdown dates from 2004.[^1] [^1]: John Gruber created it, with Aaron Swartz.`	Angka 1 superskrip yang menaut ke catatan, yang dicantumkan di bagian bawah halaman
Footnote bernama	`See the spec.[^spec] [^spec]: https://spec.commonmark.org`	Label boleh berupa kata, tetapi catatannya tetap dinomori 1, 2, 3 sesuai urutan pemakaian
Tempat mendefinisikannya	`[^1]: The text of the note.`	Definisinya boleh ada di mana saja dalam file. Hasilnya selalu tampil di akhir

Escape karakter

Backslash sebelum tanda baca mencetak karakter itu sendiri, bukan memformatnya.

Elemen	Markdown	Hasil
Tanda bintang apa adanya	`\not italic\`	Teks biasa dengan tanda bintangnya: not italic
Tanda pagar apa adanya	`\# Not a heading`	Paragraf yang diawali #
Angka dan titik	`2024\. A good year.`	Sebuah paragraf, bukan list yang dimulai dari 2024
Kurung apa adanya	`\[not a link\](page.md)`	Kurung siku dan kurung biasa seperti yang diketik
Backtick apa adanya	\`	Satu backtick
Backslash apa adanya	`\\`	Satu backslash
Yang bisa diberi escape	`\` ` `*` `_` `{}` `[]` `()` `<>` `#` `+` `-` `.` `!` `\|`	Tanda baca ASCII apa pun. Backslash sebelum huruf atau angka tetap menjadi backslash
Entitas HTML	`© 2026 & <div>`	© 2026 & <div>, sebagai teks
Tanpa escape di dalam kode	`stars`	Kode `stars` seperti yang diketik. Di dalam kode, backslash adalah karakter biasa

HTML di dalam Markdown

Sebagian besar renderer meneruskan HTML apa adanya, jadi sebuah tag bisa menutupi apa yang tidak punya sintaks Markdown. GitHub membuang HTML yang tidak aman seperti <script>, <style>, <iframe>, dan atribut style.

Elemen	Markdown	Hasil
Tombol keyboard	`Press <kbd>Ctrl</kbd> + <kbd>C</kbd>`	Ctrl dan C digambar sebagai tombol
Subskrip dan superskrip	`H<sub>2</sub>O and x<sup>2</sup>`	H₂O dan x²
Bagian yang bisa dilipat	`<details> <summary>Show the answer</summary> The answer is 42. </details>`	Bagian yang terbuka saat diklik. Baris kosong membuat Markdown di dalamnya bisa ditampilkan
Markdown di dalam blok HTML	`<div> not bold </div>`	`not bold` seperti yang diketik. Markdown tidak dibaca di dalam blok HTML sampai sebuah baris kosong mengakhiri blok itu
Teks berwarna	`<span style="color: red">red</span>`	Teks merah di situs yang mengizinkan inline style. GitHub membuang atribut `style`

Komentar

Markdown tidak punya sintaks komentar. Ada dua trik agar teks tidak tampil di halaman.

Elemen	Markdown	Hasil
Komentar tersembunyi	`[//]: # (This line is never shown)`	Tidak ada. Baris itu adalah definisi link yang tidak dipakai link mana pun, jadi tidak pernah sampai ke HTML
Bentuk alternatif	`[comment]: <> (Also hidden)`	Tidak ada, dengan trik yang sama
Komentar HTML	`<!-- TODO: add screenshots -->`	Tidak ada di halaman, tetapi komentarnya tetap ada di source HTML
Komentar beberapa baris	`<!-- This whole block is hidden -->`	Tidak ada di halaman
Penempatan	`Some text. [//]: # (comment) More text.`	Dua paragraf. Baris komentar butuh baris kosong sebelumnya, kalau tidak akan tampil sebagai teks

GitHub Flavored Markdown dan tambahan GitHub

GitHub Flavored Markdown (GFM) adalah CommonMark ditambah tabel, task list, coret, dan link URL polos. GitHub menambahkan lebih banyak lagi di atasnya.

Fitur	Markdown	Tempat berlakunya
Tabel	`\| a \| b \| \| --- \| --- \| \| 1 \| 2 \|`	GFM: GitHub, GitLab, dan sebagian besar alat dokumentasi
Task list	`- [x] Done`	GFM
Coret	`~~text~~`	GFM
Link URL polos	`www.coddy.tech`	GFM
Kode dengan nama bahasa	```js let a = 1; ```	CommonMark dan GFM. Warnanya berasal dari situsnya
Footnote	`Text.[^1] [^1]: Note.`	GitHub dan GitLab, meskipun tidak ada di spesifikasi GFM
Emoji	`:rocket: :tada:`	GitHub dan GitLab mengubah shortcode menjadi emoji
Mention	`@octocat`	GitHub: menaut ke pengguna dan memberinya notifikasi
Link issue	`#123`	GitHub: menaut ke issue atau pull request 123 di repository yang sama
Diagram	```mermaid graph LR A --> B ```	GitHub dan GitLab menggambar diagram Mermaid
Matematika	`$E = mc^2$ $$ \sum_{i=1}^{n} i $$`	GitHub menampilkan rumus matematika LaTeX, inline di antara tanda `$` dan sebagai blok di antara baris `$$`

Semua sintaks Markdown dalam satu halaman, di samping hasil yang dihasilkannya. Cheat sheet Markdown ini mencakup sintaks inti (heading, penekanan, baris baru, list, link, gambar, kode, blockquote) dan tambahan GitHub Flavored Markdown: tabel dengan perataan, task list, coret (strikethrough), link URL polos, dan footnote, ditambah escaping, HTML, dan komentar.

Contoh-contohnya mengikuti CommonMark dan GitHub Flavored Markdown, aturan yang menjadi dasar GitHub, GitLab, dan sebagian besar alat dokumentasi. Jika ada situs yang berperilaku berbeda, barisnya menyebutkannya. Untuk melihat contoh apa pun ditampilkan saat kamu mengetik, tempelkan ke Markdown editor.

FAQ cheat sheet Markdown

Bagaimana cara membuat tabel di Markdown?

Tulis baris header dengan sel di antara pipe, lalu baris pembatas berisi tanda hubung, lalu satu baris per baris tabel: | Name | Role |, | --- | --- |, | Ada | Admin |. Titik dua di baris pembatas meratakan sebuah kolom: :--- kiri, :---: tengah, ---: kanan. Tabel adalah fitur GitHub Flavored Markdown, jadi berfungsi di GitHub, GitLab, dan sebagian besar alat dokumentasi, tetapi tidak di CommonMark yang ketat.

Bagaimana cara membuat baris baru di Markdown?

Satu pindah baris di dalam paragraf diabaikan di hasilnya. Untuk memaksa pindah baris, akhiri baris dengan dua spasi atau backslash (\), atau tulis <br>. Untuk memulai paragraf baru, sisakan satu baris kosong. Issue dan komentar GitHub adalah pengecualiannya: di sana satu baris baru sudah tampil sebagai pindah baris.

Bagaimana cara menulis komentar di Markdown?

Markdown tidak punya sintaks komentar, tetapi ada dua trik yang berhasil. [//]: # (your comment) di barisnya sendiri, dengan baris kosong sebelumnya, adalah definisi link yang tidak dipakai apa pun, jadi tidak pernah sampai ke halaman maupun HTML. Komentar HTML, , juga tersembunyi di halaman tetapi tetap ada di source HTML, tempat siapa pun yang melihat source-nya bisa membacanya.

Bagaimana cara membuat blok kode di Markdown?

Taruh tiga backtick di baris sebelum kode dan tiga di baris sesudahnya. Tambahkan nama bahasa setelah backtick pembuka, seperti ```python, untuk mendapatkan syntax highlighting. Untuk kode di dalam kalimat, bungkus dengan satu backtick: `npm install`.

Bagaimana cara menambahkan checkbox di Markdown?

Awali item list dengan [ ] untuk kotak kosong atau [x] untuk kotak tercentang: - [ ] Review atau - [x] Draft. Pertahankan spasi di dalam kurung siku yang kosong. Checkbox adalah bagian dari GitHub Flavored Markdown, dan di issue dan pull request GitHub kamu bisa mencentangnya dengan sekali klik.

Bagaimana cara mengubah ukuran gambar di Markdown?

Markdown biasa tidak punya sintaks ukuran: ![alt text](image.png) selalu menampilkan gambar dengan ukuran aslinya. Pakai tag HTML sebagai gantinya, seperti <img src="image.png" alt="alt text" width="300">, yang diterima GitHub dan sebagian besar renderer. Atur hanya lebar atau hanya tingginya agar proporsinya tetap terjaga.

Bagaimana cara menautkan ke heading di Markdown?

Tautkan ke ID heading dengan #: [Setup](#getting-started) melompat ke ## Getting Started. GitHub membangun ID dari teks heading dalam huruf kecil, dengan spasi diubah menjadi tanda hubung dan tanda baca selain tanda hubung dan garis bawah dibuang. Untuk heading di file lain, taruh ID-nya setelah nama file: [Setup](docs/install.md#getting-started).

Apa itu file .md?

File teks biasa yang ditulis dalam Markdown. .md dan .markdown adalah ekstensi yang umum, dan README.md adalah file yang ditampilkan GitHub di halaman depan sebuah repository. Editor teks apa pun bisa membukanya; GitHub, situs dokumentasi, dan penampil Markdown menampilkannya sebagai teks berformat. Untuk melihat file ditampilkan saat kamu mengeditnya, tempelkan ke Markdown editor.

Sumber terkait

Bandingkan platform coding

Cheat sheet lainnya

Belajar Markdown bersama Coddy

Mulai