📄
← Kembali ke Panduan

Panduan Sintaks Markdown: Referensi Lengkap dengan Contoh

· Tag: markdown-syntax, markdown-guide, markdown-formatting, github-flavored-markdown, markdown-reference

Panduan Sintaks Markdown

Markdown adalah bahasa markup ringan yang mengonversi teks biasa menjadi HTML yang terformat. Dibuat oleh John Gruber pada tahun 2004, Markdown telah menjadi format penulisan standar untuk dokumentasi, file README, dan konten teknis di seluruh web.

Judul (Headings)

Gunakan simbol #. Satu # untuk level teratas, hingga enam untuk level terdalam:

# Judul 1
## Judul 2
### Judul 3
#### Judul 4

Level harus bertambah satu per satu — melompat dari ## ke #### dapat membingungkan pembaca layar (screen reader).

Pemformatan Teks

**Teks tebal** atau __Teks tebal__
*Teks miring* atau _Teks miring_
**_Tebal dan miring_**
~~Teks dicoret~~

Tautan

[Teks tautan](https://example.com)
[Tautan dengan judul](https://example.com "Judul")
[Gaya referensi][ref-id]
[ref-id]: https://example.com
<contact@example.com>

Gambar

![Teks alternatif](/path/to/image.jpg)
[![Teks alternatif](/path/to/image.jpg)](https://example.com)

Teks alternatif sangat penting untuk aksesibilitas dan SEO — teks ini ditampilkan saat gambar gagal dimuat.

Daftar

Daftar tidak berurutan menggunakan -, *, atau +. Daftar berurutan menggunakan angka:

- Item satu          1. Item pertama
- Item dua           2. Item kedua
  - Item bersarang      1. Item bersarang

Kode

Kode inline menggunakan satu backtick: `printf()`.

Blok kode menggunakan tiga backtick dengan pengenal bahasa opsional:

```python
def greet(name):
    return f"Hello, {name}!"


Bahasa yang didukung: `javascript`, `python`, `html`, `css`, `json`, `bash`, `sql`, `yaml`.

## Blockquote

```markdown
> Ini adalah blockquote.
> > Blockquote bersarang didukung.

Umum digunakan untuk callout, catatan, dan mengutip sumber eksternal.

Garis Horizontal

Tiga atau lebih tanda hubung, asterisk, atau garis bawah dalam satu baris:

---
***
___

Tabel

Pipa dan tanda hubung mendefinisikan kolom. Titik dua mengontrol perataan:

| Kiri | Tengah | Kanan |
| :--- | :----: | ----: |
| A1   | B1     | C1    |

Ekstensi GitHub Flavored Markdown

GitHub Flavored Markdown (GFM) menambahkan fitur-fitur berguna:

- [x] Tugas selesai          # Daftar tugas
- [ ] Tugas belum selesai

:smile: :rocket: :warning:    # Kode pendek emoji

~~Teks dicoret~~               # Coretan

GFM juga membuat tautan otomatis dari URL — www.example.com menjadi dapat diklik tanpa membungkusnya dengan < >.

Meloloskan Karakter Khusus

Awali dengan \ untuk menampilkan karakter Markdown literal:

\*Ini bukan miring\*
\# Ini bukan judul

Karakter yang perlu diloloskan: \ ` * _ { } [ ] ( ) # + - . ! | ~.

Pratinjau Markdown Online

Gunakan alat Markdown preview untuk menulis dan melihat pratinjau Markdown secara real time. Pratinjau langsung diperbarui saat Anda mengetik, menunjukkan dengan tepat bagaimana judul, tautan, gambar, blok kode, dan tabel akan dirender.

Panduan Sintaks Markdown: Referensi Lengkap dengan Contoh - CoolTool