Paragraf HTML

Paragraf HTML

Elemen HTML <p> mendefinisikan sebuah paragraf :
Contoh

<p>Ini adalah a paragraf.</p>
<p>Ini adalah paragraf.</p>

Catatan: Browser secara otomatis menambahkan beberapa ruang (margin) sebelum dan sesudah paragraf.

Tampilan Paragraf HTML

Browser akan menghapus spasi ekstra dan baris ekstra saat halaman ditampilkan:
Contoh

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

Jangan Lupakan Tag Akhir

Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir:

Contoh

<p>Ini adalah paragraph.
<p>Ini adalah paragraf lainnya.

Contoh di atas akan bekerja dengan baik di sebagian besar browser, tetapi jangan bergantung pada hal tsb.

Catatan: Menghilangkan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.

Baris HTML

Elemen HTML <br> mendefinisikan baris.

Gunakan <br> jika kita ingin membuat baris baru tanpa memulai sebuah paragraf baru:

Contoh

<p>Ini adalah<br>paragraf<br>dengan line breaks.</p>

Tag <br> adalah tag kosong, yang berarti bahwa tidak memiliki tag akhir.

Masalah Poem

Puisi berikut akan ditampilkan pada satu baris:
Contoh

<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>

Elemen HTML <pre>

Elemen HTML <pre> mendefinisikan teks terformat.

Teks di dalam <pre> elemen ditampilkan dalam font fixed-width (biasanya Courier), dan mempertahankan tampilan baik spasi dan baris:

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>

Referensi Tag HTML

Tag	Deskripsi
<p>	Mendefinisikan paragraph
<br>	Menambah satu baris baru
<pre>	Mendefinisikan teks pre-formatted