Judul Artikel Level H1
Ini adalah paragraf pembuka. Artikel ini dibuat menggunakan HTML standar tanpa class CSS untuk mensimulasikan output dari editor berbasis konten seperti Editor.js, Markdown renderer, atau CMS modern lainnya.
Tujuan konten ini adalah untuk menguji typography, link, spasi antar elemen, dan konsistensi tampilan editorial.
Judul Subbagian (H2)
Dalam dunia editorial, keterbacaan adalah segalanya. Heading harus jelas, paragraf harus punya napas, dan visual tidak boleh mengganggu alur membaca.
Subjudul Tingkat Tiga (H3)
Heading level tiga biasanya digunakan untuk membagi ide besar menjadi bagian yang lebih spesifik.
Subjudul Kecil (H4)
Heading kecil seperti ini sering dipakai untuk transisi atau penekanan topik.
Gambar di atas adalah contoh gambar landscape yang disisipkan di tengah artikel.
Tidak ada class tambahan pada tag <img>.
Daftar (List)
Berikut contoh unordered list:
- Item pertama dalam daftar
- Item kedua dengan penjelasan sedikit lebih panjang
- Item ketiga
Dan contoh ordered list:
- Langkah pertama
- Langkah kedua
- Langkah ketiga
Kutipan (Blockquote)
Menulis adalah cara paling jujur untuk berpikir pelan di dunia yang bergerak terlalu cepat.
Blockquote di atas menggunakan tag <blockquote> standar,
tanpa class khusus.
Tabel
Contoh tabel sederhana:
| Kolom A | Kolom B | Kolom C |
|---|---|---|
| Data 1 | Data 2 | Data 3 |
| Data 4 | Data 5 | Data 6 |
Inline Code & Preformatted Code
Kadang kita perlu menulis inline code di dalam paragraf.
SELECT title, published_at
FROM articles
WHERE status = 'published'
ORDER BY published_at DESC;
Penutup
Jika seluruh elemen di atas tampil rapi tanpa perlu class tambahan, maka sistem styling artikel lu sudah siap menerima editor apa pun.
Konten ini adalah simulasi realistis bagaimana artikel editorial akan tampil ketika ditulis oleh jurnalis di backend.