Paragraf adalah sekelompok kalimat yang membahas satu hal, kayak alinea di buku. Di HTML, tiap paragraf dibungkus tag <p> (dari paragraph).
🧪 Tebakan cepat: kalau kamu tekan Enter lima kali di antara dua kalimat di kode HTML, berapa baris kosong yang muncul di halaman? Tebak dulu, jawabannya ada di bagian "Enter di kode gak bikin baris baru".
Menulis paragraf
<p>Warung Bu Sri buka jam enam pagi.</p>
<p>Menu andalannya nasi uduk dan teh manis.</p>
Ambil baris pertama:
<p>adalah tag pembuka, artinya "paragraf mulai di sini".Warung Bu Sri buka jam enam pagi.adalah isi paragrafnya, teks yang tampil di halaman.</p>adalah tag penutup, artinya paragrafnya selesai.
Di browser, dua kalimat ini tampil sebagai dua paragraf, satu di atas yang lain, dengan jarak kosong di antaranya. Jarak itu dibikin browser sendiri, kamu gak perlu nambahin apa-apa. Tiap paragraf baru, bungkus pakai <p> baru.
Enter di kode gak bikin baris baru
Sekarang dua kalimat itu ditulis di satu <p>, dipisah beberapa Enter:
<p>Warung Bu Sri buka jam enam pagi.
Menu andalannya nasi uduk dan teh manis.</p>
Di browser, dua kalimat ini tampil nyambung kayak satu kalimat panjang, dipisah satu spasi aja. Gak ada baris kosong sama sekali.
Kenapa? Browser cuma nurut sama tag. Enter dan spasi yang berderet di kode semuanya digabung jadi satu spasi. Enter di kode cuma bikin kodenya rapi buat kamu baca. Jadi kalau mau paragraf baru, pakai <p>, bukan Enter.
Pindah baris di dalam paragraf: <br>
Kadang kamu cuma butuh pindah baris di paragraf yang sama, misalnya buat alamat atau bait puisi. Itu tugas <br> (dari break, putus):
<p>Jl. Melati No. 5<br>Bandung</p>
Di browser, Jl. Melati No. 5 ada di baris pertama dan Bandung di baris kedua. Dua baris, tapi tetap satu paragraf.
<br> gak membungkus teks apa pun, jadi dia gak punya tag penutup. Dia cuma bilang "pindah baris di sini".
Judul dulu, lalu paragraf
Paragraf biasanya datang sesudah judul. Tulis berurutan: judulnya dulu, paragrafnya tepat di bawahnya.
<h1>Warung Bu Sri</h1>
<p>Warung Bu Sri buka jam enam pagi.</p>
Di browser, judulnya tampil besar dan tebal, lalu paragrafnya pakai huruf biasa di bawahnya.
Kalau latihan minta teks tertentu, salin persis: huruf besar-kecil, spasi, dan tanda bacanya. Jangan tambahkan tanda kutip di sekitar teksnya. Tanda kutip itu ikut tampil di halaman, jadi teksnya gak sama lagi.
⚠️ Jebakan yang sering ketemu
<br><br>buat jarak antar paragraf. Kelihatannya terpisah, tapi buat browser itu tetap satu paragraf. Pakai<p>baru.- Lupa
</p>. Kadang tetap jalan, tapi browser jadi menebak sendiri paragrafnya selesai di mana. Biasakan selalu ditutup. - Mengetik ulang teks latihan. Gampang salah satu huruf, misalnya
di tampilkanpadahal yang dimintaditampilkan. Lebih aman salin teksnya dari instruksi.
TL;DR: Tiap paragraf dibungkus <p>...</p>, dan browser kasih jarak antar paragraf sendiri. Enter dan spasi berderet di kode digabung jadi satu spasi, jadi paragraf baru dibikin pakai <p>, bukan Enter. Butuh pindah baris di paragraf yang sama (alamat, puisi)? Pakai <br>. Judul dulu, lalu paragrafnya tepat di bawahnya.
