Paragraf HTML

0

Back to: Pemrograman HTML

0

Paragraf HTML

Paragraf HTML adalah sebuah paragraf yang selalu berawal dari awal baris baru dan biasanya berupa satu blok teks. Tag <p> mendefinisikan sebuah paragraf dalam HTML. Lihat contoh di bawah.

Contoh Elemen Paragraf

<p>Ini adalah sebuah paragraf. Paragraf ini dimulai dari baris baru den berupa satu blok teks.</p>
<p>Dan ini adalah paragraf lain.</p>

Tampilan Paragraf HTML

Kita tidak bisa tahu secara pasti bagaimana HTML menampilkan dokumen HTML. Bagaimana tampilannya di layar besar atau kecil, bagaimana tampilannya di jendela yang ukurannya berubah, hasilnya akan berbeda-beda. Dengan HTML, Anda tidak dapat merubah tampilan HTML dengan menambahkan spasi atau baris dalam kode HTML. Peramban akan secara otomatis menghapus tambahan spasi dan baris sebelum menampilkan dokumen HTML.

Contoh Paragraf yang Mengandung Baris Baru dan Spasi

<p>
Paragraf ini
berisi banyak baris
di dalam kode sumbernya,
tapi peramban
akan mengabaikannya.
</p>

<p>
Paragraf ini
mengandung          banyak spasi
di dalam kode          sumbernya,
tetapi       peramban
akan    mengabaikannya.
</p>

Dalam kedua contoh penulisan paragraf di atas, paragraf pertama dan kedua akan sama-sama menampilkan paragraf dalam satu baris. Peramban akan mengabaikan / menghapus baris baru atau spasi yang ditambahkan pada saat penulisan kode.

Garis Horisontal

Tag <hr> mendefinisikan pemisahan halaman yang seringkali nampak sebagai garis horisontal. Anda dapat menggunakan tag ini untuk memisahkan kontent dalam sebuah halaman HTML.

Contoh Kode Garis Horisontal

<h1>Ini adalah Judul Pertama</h1>
    <p>Ini adalah beberapa teks dalam paragraf.</p>
    <hr>
    <h2>Ini adalah Judul Kedua</h2>
        <p>Dalam paragraf ini juga ada beberapa teks.</p>
    <hr>

Tag <hr> ini adalah tag kosong, yang berarti tidak memiliki tag akhir.

Baris Baru

Tag <br> mendefinisikan sebuah baris baru dalam paragraf. Anda dapat menggunakan <br> ini untuk berpindah baris tanpa memulai paragraf baru.

Contoh Kode Baris Baru

<p>Ini adalah <br>sebuah paragraf<br>dengan baris baru.</p>

Menulis Puisi atau Lirik Lagu

Anda coba perhatikan penulisan pusisi atau lirik lagi di bawah ini:

<p>
  Balonku ada lima.

  Rupa-rupa warnanya.

  Hijau kuning kelabu.

  Merah muda dan biru.
</p>

Kode HTML di atas akan menampilkan paragraf dalam satu baris. Masalah ini kita alami kita menulis sebuah bait, apakah itu bait puisi atau bait lagu. Kita bisa menuliskannya dengan menggunakan tag <br> seperti contoh di bawah ini:

<p>
  Balonku ada lima.<br>

  Rupa-rupa warnanya.<br>

  Hijau kuning kelabu.<br>

  Merah muda dan biru.<br>
</p>

Lalu adakah cara selain menggunakan baris baru?

Elemen <pre>

Elemen <pre> mendefinisikan teks yang sudah diformat sebelumnya. Teks di dalam elemen <pre> ini tampil dalam jenis huruf yang lebarnya tetap (biasanya huruf Courier), dan bisa mengandung spasi maupun baris baru. Lihat bagaimana penulisan bait puisi atau lirik lagu menggunakan elemen ini:

<p>
  Balonku ada lima.

  Rupa-rupa warnanya.

  Hijau kuning kelabu.

  Merah muda dan biru.
</p>

Referensi