Demo Lengkap Formatting Artikel Karsa

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Paragraf ini mendemokan teks tebal, teks miring, garis bawah, teks sorotan, teks lama, dan teks pengganti. Tersedia pula contoh tautan, singkatan HTML, serta kode inline font-size: 1rem;.

Elemen kecil juga didukung: teks berukuran lebih kecil, rumus H2O, pangkat 102, kutipan pendek lorem ipsum dolor sit amet, dan tanggal .

Heading Tingkat Dua

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Heading Tingkat Tiga

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

Heading Tingkat Empat

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading Tingkat Lima

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra.

Heading Tingkat Enam

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

Daftar Bullet dan Bernomor

  • Item bullet pertama.
  • Item bullet kedua dengan daftar bertingkat.
    • Sub-item pertama.
    • Sub-item kedua.
      • Sub-item tingkat ketiga.
  • Item bullet ketiga.
  1. Langkah pertama.
  2. Langkah kedua dengan rincian.
    1. Rincian pertama.
    2. Rincian kedua.
  3. Langkah ketiga.

Daftar Definisi

Tipografi
Pengaturan huruf, ukuran, jarak, dan hierarki teks agar nyaman dibaca.
Responsive
Tampilan yang menyesuaikan ukuran layar smartphone, tablet, dan desktop.
Semantic HTML
Penggunaan elemen HTML berdasarkan makna dan fungsi kontennya.

Blockquote dan Sumber

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Nama Penulis, Judul Sumber

Gambar dan Caption

Gambar contoh untuk mendemokan formatting artikel
Contoh caption gambar menggunakan elemen figure dan figcaption.

Tabel Responsif

Contoh perbandingan fitur dasar
Fitur Keterangan Status
Heading Hierarki H2 sampai H6 dengan jarak yang konsisten. Tersedia
Tabel Dapat digulir secara horizontal pada layar yang sempit. Tersedia
Kode Mendukung kode inline dan blok kode dengan teks panjang seperti example-variable-name-that-needs-wrapping. Tersedia
Total Tiga contoh formatting dasar.

Kode dan Input Keyboard

Gunakan tombol Ctrl + F untuk mencari teks. Nilai variabel jumlahArtikel dapat diperiksa melalui console.log().

<article>
  <h2>Judul Bagian</h2>
  <p>Lorem ipsum dolor sit amet.</p>
</article>

Detail yang Dapat Dibuka

Buka informasi tambahan

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus.

  • Informasi tambahan pertama.
  • Informasi tambahan kedua.

Alamat dan Informasi Kontak

Dapur Lokal
Jalan Contoh Nomor 10
Indonesia
demo@example.com

Catatan: gambar di atas memakai layanan placeholder untuk keperluan demo. Ganti dengan gambar sendiri sebelum artikel dipublikasikan secara permanen.