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>