Tes Tampilan Artikel: Semua Format Tulisan

Artikel ini dipakai untuk mengetes tampilan semua format tulisan. Setiap bagian menampilkan hasilnya, lengkap dengan cara menulisnya di editor. Jadikan draf atau hapus setelah selesai dicek.

Judul besar (H1)

Ditulis dengan # Judul besar. Dipakai untuk membuka bagian yang sangat besar, misalnya bab dalam panduan panjang.

Judul bagian (H2)

Ditulis dengan ## Judul bagian. Ini judul yang paling sering dipakai dan otomatis masuk Daftar isi.

Sub-judul (H3)

Ditulis dengan ### Sub-judul. Untuk membagi isi di dalam satu bagian.

Judul kecil (H4)

Ditulis dengan #### Judul kecil. Cocok untuk label kecil di atas sebuah paragraf.

Format teks

Teks bisa tebal, miring, dicoret, disorot, atau berupa kode pendek. Spoiler disembunyikan seperti ini: harga spesial hanya untuk member, ketuk untuk membuka.

Tombol keyboard: tekan Ctrl+C untuk menyalin, lalu Ctrl+V untuk menempel. Label kecil: Baru Best Seller Promo.

Rating produk: ★★★★★4,5

Link ke halaman produk dan link ke situs luar↗ (ada tanda panah kecil).

Daftar

Daftar berpoin, termasuk sub-poin:

• Kamera mirrorless
  • Full frame
  • APS-C
• Lensa fix 50mm
• Mikrofon wireless

Daftar bernomor:

1. Atur mode ke Aperture Priority
2. Pilih bukaan f/1.8 untuk background blur
3. Fokus ke mata subjek

Checklist persiapan pemotretan:

• Baterai sudah dicas penuh
• Kartu memori dikosongkan
• Bawa lensa cadangan
• Cek ramalan cuaca

Kutipan

Kutipan biasa dengan nama sumber:

Kamera terbaik adalah kamera yang ada di tanganmu saat momen itu terjadi.

Chase Jarvis

Kutipan besar untuk menonjolkan satu kalimat:

Kotak info

Spoiler & FAQ (buka-tutup)

Kelebihan & kekurangan

Langkah-langkah

Kotak bebas

Tombol

Lihat produk promo→Chat admin→

Gambar

Galeri beberapa foto sekaligus:

Tabel

Kode

Blok kode dengan nama file dan warna sintaks (ada tombol salin):

// Hitung harga setelah diskon
const harga = 12500000;
const diskon = 0.05;
function total(h, d) {
  return h * (1 - d);
}
console.log("Total:", total(harga, diskon));

# Contoh perintah terminal
git pull && ./deploy/deploy.sh urbanix@IP

.tombol {
  color: #ff5b14;
  border-radius: 12px;
}

Garis pemisah

Di bawah ini garis pemisah.

Kartu produk

Kartu produk disisipkan dengan [[produk:ID]] di baris sendiri: