Paragraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk menampilkan teks atau artikel.
Paragraf pada HTML dibuat dengan tag <p>. Selain tag ini, ada juga tag pendukung lain seperti <div>, <hr>, <br>, dan <pre>.
- <p> untuk membuat paragraf;
- <hr> untuk membuat garis lurus;
- <br> untuk membuat baris baru;
- <div> untuk membuat paragraf di luar artikel atau layaout;
- <pre> untuk membuat paragraf dengan format yang sudah ditentukan.
1. Contoh Tag <p> :
<p>Ini adalah sebuah paragraf yang berisi beberapa kalimat.
Saya sedang belajar HTML melalui javabitpro.com.
Saat ini sedang belajar tentang paragraf.</p>
<p>Paragraf adalah kumpulan dari beberapa kalimat yang saling mendukung.
Punya ide pokok sebagai dasar dari paragraf itu sendiri.</p>
2. Contoh Tag <hr> :
Tag <hr> merupakan tag yang digunakan untuk membuat garis lurus secara horizontal (horizontal rule). Biasanya digunakan untuk memisahkan beberapa konten atau paragraf.<p>Ini adalah sebuah paragraf yang berisi beberapa kalimat.
Saya sedang belajar HTML melalui javabitpro.com.
Saat ini sedang belajar tentang paragraf.</p>
<hr>
<p>Paragraf adalah kumpulan dari beberapa kalimat yang saling mendukung.
Punya ide pokok sebagai dasar dari paragraf itu sendiri.</p>
3. Contoh Tag <br> :
Tag <br> sebenarnya bukanlah tag untuk membuat paragraf. Tapi tag ini, biasanya digunakan untuk membantu tag <p>.Fungsi utama tag <br> adalah untuk membuat baris baru.
Baris Pertama <br>
Baris Kedua <br>
Baris Ketiga <br>
Baris Keempat <br>
4. Contoh Tag <div> :
Tag <div> sebenarnya bukanlah tag untuk membuat paragraf, melainkan tag untuk membuat layout web.Paragraf yang dibuat dengan tag <div> tidak akan memiliki jarak margin antar paragraf.
Tag <div> biasanya digunakan untuk membungkus teks yang ada di luar artikel. Contoh seperti teks pada footer, header, sidebar, dll.
<div>© Belajar HTML by javabitpro.com</div>
5. Contoh Tag <pre> :
Tag <pre> (preformatting) merupakan tag yang digunakan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan di HTML.<pre> tak ada yang lebih tabah dari hujan bulan Juni dirahasiakannya rintik rindunya kepada pohon berbunga itu tak ada yang lebih bijak dari hujan bulan Juni dihapusnya jejak-jejak kakinya yang ragu-ragu di jalan itu tak ada yang lebih arif dari hujan bulan Juni dibiarkannya yang tak terucapkan diserap akar pohon bunga itu </pre>
Bagaimana Caranya Agar Baris Pertama Pada Paragraf Masuk Kedalam?
Kita bisa menambahkan sedikit CSS.
Perhatikan Contohnya :
Contoh ini baris pertama yang ditulis masuk ke dalam.
Baris kedua tetap ditulis seperti biasa.
Dan juga baris Ke-3 ditulis seperti biasa.