HTML : Paragraph, Line Break, Pre

Paragraph

Paragraft <p> adalah tag yang menyatakan perenggan text anda.

contoh

<p> Ini adalah perenggan.</p>
<p> Ini perenggan berikutnya.</p>

secara automatiknya pelayar akan menentukan jarak antara baris setiap peranggan yang ditetapkan.

 Apa yang akan kelihatan pada PAPARAN

setiap perenggan yang telah dibuat akan dipaparkan mengikut peraturan yang ditetapkan oleh pelayar itu sendiri, walaupun anda meletakkan jarak, baris lain dan sebagainya bagi perenggan didalam tan <p>, pelayar akan mengabaikannya.


contoh

<p>
Ini adalah perenggan
ia menpunyai bayak baris
didalam kod punca,
tetapi pelayar 
tetap mengabaikannya.
</p>

<p>
Perenggan ini pula
mempunyai            jarak yang jauh        antara perkataan
di dalam      kod      punca,
tetap          pelayar 
tetap mengabaikannya.
</p>

TIPS*
anda boleh mengabaikan penutup tag </p> dan ia tidak memberikan sebarang masalah namn adalah menjadi amalan baik bagi pembagun membuat penutup </p> bagi mengelakkan masalah yang tidak dijangka.

LINE BREAK

tag <br> adalah line break, ia digunakan bagi memisahkan perenggan baru tanpa membuka tag <p> yang baru.

contoh

<p>This is<br>a paragraph<br>with line breaks.</p>

<br> juga dikenali sebagai element kosong juga boleh digunakan untuk menjarakkan/memisahkan perenggan atau baris perkataan. ia tidak perlu tag penutup.

Masalah Sajak Dalam Satu Barisan <pre>

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

Kod seperti ini akan tetap dipaparkan dalam satu barisan jika mengikut peraturan <p> ada dua cara menyelesaikannya iaitu dengan meletakkan <br> pada setiap satu baris yang dikehendaki di baris yang baru, atau menggunakan tag <pre> 

contoh

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

semua paparan akan terpapar sepertimana perenggan yang dikehendaki.

Selamat mencuba