Membuat Paragraf di HTML


Membuat Paragraf di HTML

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>&copy; 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.

JAVABIT

Posted by JAVABIT