Paragraf HTML

Paragraf selalu dimulai pada baris baru, dan biasanya berupa blok teks.

Paragraf HTML

Elemen HTML <p> mendefinisikan sebuah paragraf.

Paragraf selalu dimulai pada baris baru, dan browser secara otomatis menambahkan beberapa spasi (margin) sebelum dan sesudah paragraf.

Contoh

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

Tampilan HTML

Anda tidak dapat memastikan bagaimana HTML akan ditampilkan.

Layar besar atau kecil, dan jendela yang diubah ukurannya akan membuat hasil yang berbeda.

Dengan HTML, Anda tidak dapat mengubah tampilan dengan menambahkan spasi ekstra atau baris ekstra dalam kode HTML Anda.

Browser secara otomatis akan menghapus spasi dan garis ekstra saat halaman ditampilkan.

Contoh

<p>
Paragraf ini
mengandung banyak baris
di kode sumber,
tapi browser
mengabaikannya.
</p>

<p>
Paragraf ini
mengandung banyak      spasi
di kode      sumber,
tapi     browser
mengabaikannya.
</p>

Aturan Horisontal HTML

Tag <hr> mendefinisikan jeda tematik di halaman HTML, dan paling sering ditampilkan sebagai aturan horizontal.

Elemen <hr> digunakan untuk memisahkan konten (atau menentukan perubahan) di halaman HTML.

Contoh

<h1>Ini adalah heading 1</h1>
<p>Ini adalah beberapa teks.</p>
<hr>
<h2>Ini adalah heading 2</h2>
<p>Ini adalah beberapa teks lain.</p>
<hr>

Tag <hr> adalah tag kosong, artinya tidak memiliki tag akhir.

Baris Baru HTML

Elemen HTML <br> mendefinisikan baris baru.

Gunakan <br> jika Anda menginginkan membuat baris baru tanpa memulai paragraf baru.

Contoh

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

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

Elemen <pre> HTML

Elemen <pre> HTML mendefinisikan teks yang telah diformat sebelumnya.

Teks di dalam elemen <pre> ditampilkan dalam font berukuran tetap (biasanya Courier), dan mempertahankan spasi dan baris baru.

Elemen ini bisa digunakan untuk menampilkan puisi.

Contoh

<pre>
   Seorang sahabat hamba Allah.
   Ajakan nasihat yang kau beri.
   Jadikannya sosok yang berarti.
   Guna hidupku di masa depan dan kini.
</pre>

Sumber referensi: w3schools