HTML Paragraft

Paragraft dalam HTML selalu dimulai pada baris baru dan secara default browser menampilkan dalam block.
Paragraft pada html ditulis dalam <p>.

<p>Paragraft 1</p>
<p>Paragraft 2</p>

Display HTML

Secara default, browser akan menghapus spasi tambahan bahakan baris baru pada sebuah element termasuk tag <p> sendiri.

<p>Hai,
selamat datang.
Ini baris ketiga</p>

Garis Horizontal HTML

<hr> digunakan untuk membuat garis horizontal (Horizontal Rule)

<h1>Judul Halaman</h1>
<p>Ini konten paragraft</p>
<hr />
<p>Ini paragraft yang lain</p>

<hr> sendiri adalah tag kosong atau HTML Element Kosong yang berarti tidak memerlukan tag penutup (closing tag). Kamu juga dapat menuliskan tag-tag yang sejenis dengan seperti <hr /> yang berarti sama dengan <hr>.

Di WapBlog.ID pada template html, kamu juga akan menemukan tag khusus seperti <wb:blog_url> yang mana ini berbeda dan kamu tidak dapat menuliskan dengan cara <wb:blog_url />.

Masalah pada koding

Mengingat elemen paragraft <p> secara default menghilankan spasi dan baris baru. Ketika membuat snippet kode, teks tidak akan tampil sebagaimana snippet pada umumnya.

<p><img src="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png?w=100" />
Tampilkan gambar</p>

Solusi pada koding

Kamu bisa menggunakan <pre> yang secara default konten ditampilkan dalam bentuk sesungguhnya termasuk baris baru, spasi dan lain sebagainya.

<pre><img src="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png?w=100" />
Tampilkan gambar</pre>