18%
25%
50%
75%

Kripkorn Studios | Komuniti Drupal phpBB Malaysia

Paragraph

Tutorial
HTML
Tentang artikel ini
Penulis: parasolx -- Jun 04, 2009
kemas kini Kemas kini: Feb 25, 2012

Dokumen HTML boleh ditulis dan dikemaskinikan teks penulisannya kepada bentuk "paragraf" atau perenggan bagi membantu proses pembacaan dan penerangan kepada setiap idea dan isu.

Perenggan

Dalam HTML, perenggan dinyatakan dengan menggunakan elemen <p>.

Contoh:

<p>Ini adalah perenggan pertama.</p>
<p>Ini adalah perenggan yang kedua.</p>

Hasil:

Jangan lupa untuk menutup elemen <p> yang telah dibuka dengan </p>. Walaupun sesetengah pelayar web (web browser) mampu untuk menterjemahkan elemen tersebut, tetapi dalam sesetengah situasi ralat yang tidak dijangka mungkin akan berlaku.

Dalam versi HTML yang ke depan nanti, sekiranya anda meninggalkan elemen tag penutup akan menyebabkan kegagalan untuk setiap laman berfungsi. Selain itu juga ini setiap elemen tag yang dibuka perlu ditutup akan mematuhi peraturan W3C dan juga verifikasi XHTML. Ini menjadikan laman web kita boleh berfungsi dengan baik walaupun dipaparkan melalui gadget seperti telefon bimbit.

HTML "Line Breaks"

Ini pula antara elemen tag yang biasa digunakan dalam menghasilkan satu penulisan isi kandungan yang menarik. Jika diperhatikan dan dibandingkan dengan elemen <p> di atas, anda ,mendapati jarak antara dua baris ayat tersebut mempunyai jarak yang tertentu. Sekiranya tanpa elemen CSS digunakan, kebiasaanya tag <p> akan menghasilkan "double spacing" atau jarak 2 baris.

Seandainya kita ingin menghasilkan pemerengganan yang tidak mempunyai jarak, kita harus menggunakan "Line breaks" atau dalam pemutus baris. Perhatikan contoh di bawah ini:

Contoh:

<p>Ini adalah perenggan pertama.</p>
<p>Ini adalah perenggan kedua.<br />Sebaliknya ini adalah baris yang rapat dengan perenggan kedua.</p>

Hasil:

Jika anda perhatikan pengguna <br/> menghasilkan baris penulisan yang baru tetapi tidak mempunyai selang sebaris berbanding penggunaan tag <p> sahaja. Tag pemutus baris membolehkan kita mengawal penghasilan artikel yang lebih kemas dan tidak terlalu "lompong" seandainya artikel/kandungan tersebut agak panjang.

Juga ambil kisah untuk peraturan W3, oleh kerana tag "line breaks" ini tidak mempunyai tag penutup seperti <p>, maka elemen tersebut perlu ditulis seperti ini: <br/> dengan meletakkan tanda / sebelum penutup >. Ia seharusnya tidak ditulis sebegini sahaja: <br>

Sungguhpun anda terlupa untuk meletakkan tanda /, sesetengah web pelayar masih mampu untuk menterjemahkannya. Namun, sebagai persediaan ke arah versi XHTML seharusnya anda mempraktiskan penggunaan / sebelum tanda penutup.

Tips HTML

Oleh kerana HTML adalah bahasa pengaturcaraan laman web dan bukan bahasa pemprosesan teks (word processing), maka setiap frasa ayat yang mempunyai ruang berganda (double space) di antara satu perkataan dan satu perkataan seperti di bawah ini:

<p>Tanya sama pokok</p>
<p>Apa  sebab goyang</p>

Hasil yang akan dikeluarkan oleh web pelayar akan membuang ruangan yang terlebih secara sendirinya dan hanya mengambil kira satu tempat ruangan kosong sahaja seperti ini:

mad