Panduan Markdown dengan Contoh

https://alltools.one/id/markdown-cheat-sheet

Tabel, tugas, coretan, dan tautan otomatis memakai GFM. Catatan kaki dan peringatan adalah tambahan bergaya GitHub. Nama bahasa kode ditampilkan; warna sintaks dan diagram tidak dirender di sini.

Pilih Simpan sebagai PDF pada dialog cetak browser. Semua contoh disertakan, meskipun sedang difilter.

Judul

Sintaks

# Judul saya

Hasil render

Judul

Sintaks

## Judul saya

Hasil render

Judul saya

Judul

Sintaks

### Judul saya

Hasil render

Judul saya

Judul

Sintaks

#### Judul saya

Hasil render

Judul saya

Judul

Sintaks

##### Judul saya

Hasil render

Judul saya

Judul

Sintaks

###### Judul saya

Hasil render

Judul saya

Judul bergaris bawah

Sintaks

Judul saya
========

Hasil render

Judul bergaris bawah

Sintaks

Judul saya
--------

Hasil render

Judul saya

Penekanan & Gaya

Tebal

Sintaks

**Teks contoh**

Hasil render

Teks contoh

Tebal

Sintaks

__Teks contoh__

Hasil render

Teks contoh

Miring

Sintaks

*Teks contoh*

Hasil render

Teks contoh

Miring

Sintaks

_Teks contoh_

Hasil render

Teks contoh

Tebal dan miring

Sintaks

***Teks contoh***

Hasil render

Teks contoh

Coretan

Sintaks

~~Teks contoh~~

Hasil render

~~Teks contoh~~

Kode sebaris

Sintaks

`console.log(1)`

Hasil render

console.log(1)

Sorotan HTML

Sintaks

<mark>Teks contoh</mark>

Hasil render

Teks contoh

Daftar

Daftar tak berurutan

Sintaks

- Teks contoh
- Item kedua

Hasil render

Teks contoh
Item kedua

Daftar tak berurutan

Sintaks

* Teks contoh
* Item kedua

Hasil render

Teks contoh
Item kedua

Daftar tak berurutan

Sintaks

+ Teks contoh
+ Item kedua

Hasil render

Teks contoh
Item kedua

Daftar berurutan

Sintaks

1. Teks contoh
2. Item kedua

Hasil render

Teks contoh
Item kedua

Daftar bersarang

Sintaks

1. Teks contoh
   - Item bersarang
   - Item kedua

Hasil render

Teks contoh
- Item bersarang
- Item kedua

Daftar tugas

Sintaks

- [ ] Teks contoh
- [x] Item kedua

Hasil render

Teks contoh
Item kedua

Tautan & Gambar

Tautan

Sintaks

[alltools.one](https://alltools.one)

Hasil render

alltools.one

Tautan dengan judul

Sintaks

[GitHub](https://github.com "GitHub")

Hasil render

GitHub

Tautan referensi

Sintaks

[alltools.one][site]

[site]: https://alltools.one

Hasil render

alltools.one

Tautan otomatis

Sintaks

<https://example.com>

Hasil render

https://example.com

Gambar

Sintaks

![Gambar contoh](/og-default.png)

Hasil render

Gambar contoh

Gambar dengan judul

Sintaks

![Gambar contoh](/og-default.png "alltools.one")

Hasil render

Gambar contoh

Gambar bertautan

Sintaks

[![Gambar contoh](/og-default.png)](https://alltools.one)

Hasil render

Kode

Kode sebaris

Sintaks

`npm install`

Hasil render

npm install

Blok kode berpagar

Sintaks

```
console.log(1)
```

Hasil render

console.log(1)

Blok kode dengan bahasa

Sintaks

```python
print(1)
```

Hasil render

print(1)

Kode berindentasi

Sintaks

    def hello():
        pass

Hasil render

def hello():
    pass

Aksen balik literal

Sintaks

`` `code` ``

Hasil render

`code`

Tabel

Sintaks

| Nama | Nilai |
| --- | --- |
| A | 25 |

Hasil render

Nama	Nilai
A	25

Perataan kolom

Sintaks

| Kiri | Tengah | Kanan |
| :--- | :---: | ---: |
| A | B | C |

Hasil render

Kiri	Tengah	Kanan
A	B	C

Kutipan Blok

Kutipan

Sintaks

> Teks contoh

Hasil render

Teks contoh

Kutipan beberapa baris

Sintaks

> Teks contoh
> Item kedua

Hasil render

Teks contoh
Item kedua

Kutipan bersarang

Sintaks

> Teks contoh
> > Item bersarang

Hasil render

Teks contoh

Item bersarang

Kutipan dengan teks tebal

Sintaks

> **Teks contoh**: Item kedua

Hasil render

Teks contoh: Item kedua

Daftar Tugas

Tugas belum selesai

Sintaks

- [ ] Teks contoh

Hasil render

Teks contoh

Tugas selesai

Sintaks

- [x] Item kedua

Hasil render

Item kedua

Tugas bersarang

Sintaks

- [ ] Teks contoh
  - [x] Item bersarang
  - [ ] Item kedua

Hasil render

Teks contoh
- Item bersarang
- Item kedua

Lain-lain

Garis horizontal

Sintaks

Teks contoh

---

Item kedua

Hasil render

Teks contoh

Item kedua

Garis horizontal

Sintaks

***

Hasil render

Escape tanda baca

Sintaks

\*Teks contoh\*

Hasil render

*Teks contoh*

Baris baru HTML

Sintaks

Teks contoh<br>Item kedua

Hasil render

Teks contoh
Item kedua

Baris baru dua spasi

Sintaks

Teks contoh  
Item kedua

Hasil render

Teks contoh
Item kedua

GitHub Flavored Markdown

Coretan

Sintaks

~~Teks contoh~~

Hasil render

~~Teks contoh~~

Tautan otomatis

Sintaks

https://example.com

Hasil render

https://example.com

Sebutan pengguna GitHub

Sintaks

@octocat

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Referensi isu GitHub

Sintaks

#42

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Referensi commit GitHub

Sintaks

a5c3785

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Diagram Mermaid

Sintaks

```mermaid
graph LR
  A-->B
```

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Peringatan bergaya GitHub

Sintaks

> [!WARNING]
> Teks contoh

Hasil render

Catatan kaki

Sintaks

Teks contoh[^1]

[^1]: Item kedua

Hasil render

Teks contoh¹

Item kedua
↩

Mulai Cepat: Markdown Esensial

Penekanan & Gaya

**Teks contoh**
__Teks contoh__

Judul

# Judul saya
## Judul saya

Daftar

- Teks contoh - Item kedua
* Teks contoh * Item kedua

Tautan & Gambar

[alltools.one](https://alltools.one)
[GitHub](https://github.com "GitHub")

Kode

`npm install`
``` console.log(1) ```

GitHub Flavored Markdown

~~Teks contoh~~
https://example.com

Sintaks Tabel Markdown

Pisahkan kolom dengan |. Tanda titik dua pada baris pemisah mengatur perataan.

| Kiri | Tengah | Kanan |
| :--- | :---: | ---: |
| A | B | C |

:--- Rata kiri:---: Tengah---: Rata kanan

Pratinjau Markdown dan ekspor HTML

Coba Pratinjau Markdown

Tulis dan pratinjau Markdown secara real-time dengan rendering langsung dan opsi ekspor.

Buka Pratinjau →

Cara menggunakan panduan Markdown ini

Cari atau jelajahi kategori sintaks.
Salin contoh ke pratinjau langsung.
Periksa hasil tampilannya sebelum digunakan.

Contoh

# Judul

**tebal** / *miring*

Tips Menulis

Jaga paragraf tetap pendek — maksimal 3-5 kalimat
Gunakan heading untuk membuat struktur yang mudah dipindai
Lebih baik gunakan daftar daripada paragraf panjang untuk langkah atau fitur
Tambahkan contoh kode setiap kali membahas konsep teknis
Pratinjau secara teratur — Markdown Previewer kami menampilkan output saat Anda mengetik

Pertanyaan yang Sering Diajukan

Apa perbedaan antara Markdown dan HTML?

Markdown adalah format penulisan sederhana yang dikonversi ke HTML. Ini mencakup kebutuhan pemformatan paling umum dengan sintaksis yang jauh lebih sedikit. Anda dapat menyisipkan HTML mentah di Markdown ketika Anda membutuhkan fitur yang tidak didukung Markdown.

Varian Markdown mana yang harus saya gunakan?

GitHub-Flavored Markdown (GFM) adalah yang paling banyak didukung. Ini menambahkan tabel, daftar tugas, dan coretan ke Markdown standar. CommonMark adalah spesifikasi yang terstandarisasi.

Bisakah saya menggunakan Markdown untuk dokumentasi?

Tentu saja. Markdown adalah standar untuk file README, wiki, dan situs dokumentasi. Alat seperti MkDocs, Docusaurus, dan GitBook semuanya menggunakan Markdown.

Pertanyaan yang Sering Diajukan

Apa itu Markdown?

Markdown adalah bahasa markup ringan yang dibuat oleh John Gruber pada tahun 2004. Menggunakan sintaks pemformatan teks biasa untuk membuat HTML: #judul, **tebal**, *miring*, [tautan], `kode`, dan lainnya. Digunakan dalam file README, GitHub, Reddit, Slack, dan banyak sistem dokumentasi.

Apa perbedaan CommonMark dan GFM?

GFM menambahkan tabel, tugas, coretan, dan tautan otomatis ke CommonMark. GitHub juga menyediakan peringatan, catatan kaki, sebutan, dan diagram; dukungannya bergantung pada perender.

Bagaimana menambahkan blok kode dengan bahasa?

Gunakan tiga aksen balik diikuti bahasa, misalnya ```python, lalu kode dan baris penutup tiga aksen balik. Situs ini mempertahankan kelas bahasa tanpa pewarnaan sintaks.

Bagaimana cara meloloskan karakter khusus Markdown?

Gunakan garis miring terbalik sebelum karakter: \* untuk *, \_ untuk _, \` untuk `, \# untuk #, \[ untuk [ dll. Ini mencegah Markdown menginterpretasikannya sebagai sintaks pemformatan.

Bagaimana membuat tabel Markdown?

Pisahkan sel dengan garis tegak dan tambahkan baris seperti | --- | --- |. Gunakan :---, :---:, atau ---: untuk rata kiri, tengah, atau kanan.

Apakah alltools.one mendukung Markdown bergaya GitHub?

Ya: tabel, kotak tugas nonaktif, coretan, dan tautan otomatis. Panduan dan pratinjau juga merender catatan kaki dan peringatan bergaya GitHub. Sebutan, isu, commit, dan diagram Mermaid memerlukan platform yang mendukungnya.

Bagaimana menyalin sintaks Markdown?

Pilih Salin di samping contoh. Yang disalin adalah sumber Markdown dengan indentasi dan baris baru, bukan HTML. Tempel di pratinjau untuk mengedit dan mengekspor .md atau .html yang disanitasi.

Bagaimana mencetak atau menyimpan panduan sebagai PDF?

Pilih Cetak / Simpan sebagai PDF, lalu pilih printer atau Simpan sebagai PDF di browser. Semua contoh disertakan meskipun filter aktif.

Markdown Previewer Online — Editor Langsung Penguji Regex Online: Uji Ekspresi Reguler Cheat Sheet Regex — Referensi Lengkap Referensi Kode Status HTTP — Penjelasan Semua Kode Daftar Tipe MIME: Ekstensi File dan Content-Type Referensi Pintasan Keyboard

Panduan Markdown dengan Contoh

https://alltools.one/id/markdown-cheat-sheet

Buka Pratinjau →

Tabel, tugas, coretan, dan tautan otomatis memakai GFM. Catatan kaki dan peringatan adalah tambahan bergaya GitHub. Nama bahasa kode ditampilkan; warna sintaks dan diagram tidak dirender di sini.

Pilih Simpan sebagai PDF pada dialog cetak browser. Semua contoh disertakan, meskipun sedang difilter.

Judul

Sintaks

# Judul saya

Hasil render

Judul

Sintaks

## Judul saya

Hasil render

Judul saya

Judul

Sintaks

### Judul saya

Hasil render

Judul saya

Judul

Sintaks

#### Judul saya

Hasil render

Judul saya

Judul

Sintaks

##### Judul saya

Hasil render

Judul saya

Judul

Sintaks

###### Judul saya

Hasil render

Judul saya

Judul bergaris bawah

Sintaks

Judul saya
========

Hasil render

Judul bergaris bawah

Sintaks

Judul saya
--------

Hasil render

Judul saya

Penekanan & Gaya

Tebal

Sintaks

**Teks contoh**

Hasil render

Teks contoh

Tebal

Sintaks

__Teks contoh__

Hasil render

Teks contoh

Miring

Sintaks

*Teks contoh*

Hasil render

Teks contoh

Miring

Sintaks

_Teks contoh_

Hasil render

Teks contoh

Tebal dan miring

Sintaks

***Teks contoh***

Hasil render

Teks contoh

Coretan

Sintaks

~~Teks contoh~~

Hasil render

~~Teks contoh~~

Kode sebaris

Sintaks

`console.log(1)`

Hasil render

console.log(1)

Sorotan HTML

Sintaks

<mark>Teks contoh</mark>

Hasil render

Teks contoh

Daftar

Daftar tak berurutan

Sintaks

- Teks contoh
- Item kedua

Hasil render

Teks contoh
Item kedua

Daftar tak berurutan

Sintaks

* Teks contoh
* Item kedua

Hasil render

Teks contoh
Item kedua

Daftar tak berurutan

Sintaks

+ Teks contoh
+ Item kedua

Hasil render

Teks contoh
Item kedua

Daftar berurutan

Sintaks

1. Teks contoh
2. Item kedua

Hasil render

Teks contoh
Item kedua

Daftar bersarang

Sintaks

1. Teks contoh
   - Item bersarang
   - Item kedua

Hasil render

Teks contoh
- Item bersarang
- Item kedua

Daftar tugas

Sintaks

- [ ] Teks contoh
- [x] Item kedua

Hasil render

Teks contoh
Item kedua

Tautan & Gambar

Tautan

Sintaks

[alltools.one](https://alltools.one)

Hasil render

alltools.one

Tautan dengan judul

Sintaks

[GitHub](https://github.com "GitHub")

Hasil render

GitHub

Tautan referensi

Sintaks

[alltools.one][site]

[site]: https://alltools.one

Hasil render

alltools.one

Tautan otomatis

Sintaks

<https://example.com>

Hasil render

https://example.com

Gambar

Sintaks

![Gambar contoh](/og-default.png)

Hasil render

Gambar contoh

Gambar dengan judul

Sintaks

![Gambar contoh](/og-default.png "alltools.one")

Hasil render

Gambar contoh

Gambar bertautan

Sintaks

[![Gambar contoh](/og-default.png)](https://alltools.one)

Hasil render

Kode

Kode sebaris

Sintaks

`npm install`

Hasil render

npm install

Blok kode berpagar

Sintaks

```
console.log(1)
```

Hasil render

console.log(1)

Blok kode dengan bahasa

Sintaks

```python
print(1)
```

Hasil render

print(1)

Kode berindentasi

Sintaks

    def hello():
        pass

Hasil render

def hello():
    pass

Aksen balik literal

Sintaks

`` `code` ``

Hasil render

`code`

Tabel

Sintaks

| Nama | Nilai |
| --- | --- |
| A | 25 |

Hasil render

Nama	Nilai
A	25

Perataan kolom

Sintaks

| Kiri | Tengah | Kanan |
| :--- | :---: | ---: |
| A | B | C |

Hasil render

Kiri	Tengah	Kanan
A	B	C

Kutipan Blok

Kutipan

Sintaks

> Teks contoh

Hasil render

Teks contoh

Kutipan beberapa baris

Sintaks

> Teks contoh
> Item kedua

Hasil render

Teks contoh
Item kedua

Kutipan bersarang

Sintaks

> Teks contoh
> > Item bersarang

Hasil render

Teks contoh

Item bersarang

Kutipan dengan teks tebal

Sintaks

> **Teks contoh**: Item kedua

Hasil render

Teks contoh: Item kedua

Daftar Tugas

Tugas belum selesai

Sintaks

- [ ] Teks contoh

Hasil render

Teks contoh

Tugas selesai

Sintaks

- [x] Item kedua

Hasil render

Item kedua

Tugas bersarang

Sintaks

- [ ] Teks contoh
  - [x] Item bersarang
  - [ ] Item kedua

Hasil render

Teks contoh
- Item bersarang
- Item kedua

Lain-lain

Garis horizontal

Sintaks

Teks contoh

---

Item kedua

Hasil render

Teks contoh

Item kedua

Garis horizontal

Sintaks

***

Hasil render

Escape tanda baca

Sintaks

\*Teks contoh\*

Hasil render

*Teks contoh*

Baris baru HTML

Sintaks

Teks contoh<br>Item kedua

Hasil render

Teks contoh
Item kedua

Baris baru dua spasi

Sintaks

Teks contoh  
Item kedua

Hasil render

Teks contoh
Item kedua

GitHub Flavored Markdown

Coretan

Sintaks

~~Teks contoh~~

Hasil render

~~Teks contoh~~

Tautan otomatis

Sintaks

https://example.com

Hasil render

https://example.com

Sebutan pengguna GitHub

Sintaks

@octocat

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Referensi isu GitHub

Sintaks

#42

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Referensi commit GitHub

Sintaks

a5c3785

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Diagram Mermaid

Sintaks

```mermaid
graph LR
  A-->B
```

Khusus GitHub; tidak dirender di sini. Salin sumber untuk dipakai pada platform yang mendukungnya.

Peringatan bergaya GitHub

Sintaks

> [!WARNING]
> Teks contoh

Hasil render

Catatan kaki

Sintaks

Teks contoh[^1]

[^1]: Item kedua

Hasil render

Teks contoh¹

Item kedua
↩

Mulai Cepat: Markdown Esensial

Penekanan & Gaya

**Teks contoh**
__Teks contoh__

Judul

# Judul saya
## Judul saya

Daftar

- Teks contoh - Item kedua
* Teks contoh * Item kedua

Tautan & Gambar

[alltools.one](https://alltools.one)
[GitHub](https://github.com "GitHub")

Kode

`npm install`
``` console.log(1) ```

GitHub Flavored Markdown

~~Teks contoh~~
https://example.com

Sintaks Tabel Markdown

Pisahkan kolom dengan |. Tanda titik dua pada baris pemisah mengatur perataan.

| Kiri | Tengah | Kanan |
| :--- | :---: | ---: |
| A | B | C |

:--- Rata kiri:---: Tengah---: Rata kanan

Pratinjau Markdown dan ekspor HTML

Coba Pratinjau Markdown

Tulis dan pratinjau Markdown secara real-time dengan rendering langsung dan opsi ekspor.

Buka Pratinjau →

Cara menggunakan panduan Markdown ini

Cari atau jelajahi kategori sintaks.
Salin contoh ke pratinjau langsung.
Periksa hasil tampilannya sebelum digunakan.

Contoh

# Judul

**tebal** / *miring*

Tips Menulis

Jaga paragraf tetap pendek — maksimal 3-5 kalimat
Gunakan heading untuk membuat struktur yang mudah dipindai
Lebih baik gunakan daftar daripada paragraf panjang untuk langkah atau fitur
Tambahkan contoh kode setiap kali membahas konsep teknis
Pratinjau secara teratur — Markdown Previewer kami menampilkan output saat Anda mengetik

Pertanyaan yang Sering Diajukan

Apa perbedaan antara Markdown dan HTML?

Varian Markdown mana yang harus saya gunakan?

GitHub-Flavored Markdown (GFM) adalah yang paling banyak didukung. Ini menambahkan tabel, daftar tugas, dan coretan ke Markdown standar. CommonMark adalah spesifikasi yang terstandarisasi.

Bisakah saya menggunakan Markdown untuk dokumentasi?

Tentu saja. Markdown adalah standar untuk file README, wiki, dan situs dokumentasi. Alat seperti MkDocs, Docusaurus, dan GitBook semuanya menggunakan Markdown.

Pertanyaan yang Sering Diajukan

Apa itu Markdown?

Apa perbedaan CommonMark dan GFM?

GFM menambahkan tabel, tugas, coretan, dan tautan otomatis ke CommonMark. GitHub juga menyediakan peringatan, catatan kaki, sebutan, dan diagram; dukungannya bergantung pada perender.

Bagaimana menambahkan blok kode dengan bahasa?

Gunakan tiga aksen balik diikuti bahasa, misalnya ```python, lalu kode dan baris penutup tiga aksen balik. Situs ini mempertahankan kelas bahasa tanpa pewarnaan sintaks.

Bagaimana cara meloloskan karakter khusus Markdown?

Gunakan garis miring terbalik sebelum karakter: \* untuk *, \_ untuk _, \` untuk `, \# untuk #, \[ untuk [ dll. Ini mencegah Markdown menginterpretasikannya sebagai sintaks pemformatan.

Bagaimana membuat tabel Markdown?

Pisahkan sel dengan garis tegak dan tambahkan baris seperti | --- | --- |. Gunakan :---, :---:, atau ---: untuk rata kiri, tengah, atau kanan.

Apakah alltools.one mendukung Markdown bergaya GitHub?

Bagaimana menyalin sintaks Markdown?

Pilih Salin di samping contoh. Yang disalin adalah sumber Markdown dengan indentasi dan baris baru, bukan HTML. Tempel di pratinjau untuk mengedit dan mengekspor .md atau .html yang disanitasi.

Bagaimana mencetak atau menyimpan panduan sebagai PDF?

Pilih Cetak / Simpan sebagai PDF, lalu pilih printer atau Simpan sebagai PDF di browser. Semua contoh disertakan meskipun filter aktif.