HTML Paragraf

HTML Dasar: Paragraf dan Elemen Terkait

Apa Itu Paragraf dalam HTML?

Paragraf dalam HTML ditandai dengan tag

. Elemen ini digunakan untuk membuat blok teks yang membentuk sebuah paragraf, sama seperti menulis paragraf dalam dokumen biasa.

Contoh dasar:

<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>

Browser secara otomatis akan memberi jarak antar paragraf.

---

Elemen-Elemen Terkait Paragraf

Selain <p>, ada beberapa elemen HTML lain yang sering digunakan bersama paragraf untuk memperkaya isi teks:

1. <br> (Line Break)

Digunakan untuk membuat baris baru tanpa membuat paragraf baru.

Contoh:

<p>Ini baris pertama.<br>Ini baris kedua dalam paragraf yang sama.</p>

Hasilnya tetap dalam satu paragraf, tapi berpindah ke baris baru.

<br> adalah empty element, artinya tidak memiliki tag penutup.

---

2. <hr> (Horizontal Rule)

Digunakan untuk menyisipkan garis pemisah horizontal antar bagian konten.

Contoh:

<p>Paragraf sebelum garis.</p>
<hr>
<p>Paragraf setelah garis.</p>

<hr> juga termasuk empty element.

3. Formatting Text (Penegasan dalam Paragraf)

Gunakan tag berikut untuk memberi penekanan pada teks di dalam paragraf:

Tag	Fungsi	Contoh
<strong>	Penegasan penting (biasanya tebal)	<strong>penting</strong>
<em>	Penekanan (biasanya miring)	<em>perlu diperhatikan</em>
<b>	Teks tebal (tanpa makna penting)	<b>teks tebal</b>
<i>	Teks miring (tanpa penekanan makna)	<i>teks miring</i>
<u>	Teks bergaris bawah	<u>garis bawah</u>

Contoh lengkap:

<p>Ini adalah <strong>paragraf penting</strong> yang perlu <em>diperhatikan</em>.</p>

---

Tips Menulis Paragraf di HTML

1. Gunakan <p> untuk teks utama

Semua teks yang membentuk paragraf harus dibungkus dengan tag <p>.

2. Hindari meletakkan blok lain di dalam <p>

Tag <p> tidak boleh membungkus elemen blok lain seperti <div>, <section>, atau tag <p> lain.

❌ Salah:

<p>Ini paragraf <div>yang salah</div></p>

✅ Benar:

<p>Ini paragraf.</p>
<div>Elemen lain di luar paragraf.</div>

3. Gunakan <br> secukupnya

Gunakan <br> hanya ketika benar-benar perlu membuat pindah baris tanpa memulai paragraf baru.

4. Gunakan <hr> untuk pemisahan antar topik

Jangan gunakan <br> berkali-kali untuk memisahkan bagian konten.

---

Kesimpulan

• Tag <p> digunakan untuk membuat paragraf teks dalam HTML.
• <br> digunakan untuk baris baru dalam paragraf.
• <hr> digunakan untuk membuat garis pemisah antar bagian.
• Gunakan tag-formatting seperti <strong>, <em>, <b>, dan lainnya untuk memperjelas isi paragraf.
• Tulis struktur HTML dengan rapi dan tidak menyisipkan elemen blok dalam <p>.