Membuat Garis Horisontal atau Garis Pembatas denga HTML

Untuk membuat garis horisontal memanjang dari kiri ke kanan kita bisa menambahkan kode Tag <hr /> baik pada postingan atau pada "Edit HTML"

Cara Membuat Garis Horisontal atau Garis Pembatas denga HTML

Kalimat yang berada di atas garis
<hr />
Kalimat yang berada di bawah garis

Hasilnya :

Kalimat yang berada di atas garis

---

Kalimat yang berada di bawah garis

Untuk merubah warna garis, maka tambahkan atribut color dan nilai atribut nama / kode warna sebagai berikut :

<hr color="red" />

hasilnya :

---

Untuk merubah panjang garis, maka tambahkan atribut width dan nilai atribut ukuran pixel sebagai berikut :

<hr color="red" width="500px" />

hasilnya :

---

width (panjang) garis tersebut satuannya ke pixel. 1 pixel di sini hampir sama dengan 1 titik. silahkan di coba ukuran width tersebut menjadi 1 dan hasilnya akan menjadi titik. Selain ke ukuran pixel, untuk satuan width tersebut kita bisa menggunakan persentase (%), contoh :

<hr color="red" width="80%" />

hasilnya :

---

Perbedaan menggunakan satuan pixel dan persentase yaitu untuk menggunakan satuan pixel, maka garis tersebut apabila kita merubah ukuran browser menjadi lebih kecil misalnya maka panjang garis terebut tidak akan berubah (absolut) sedangkan apabila menggunakan persentase maka panjang garis akan berubah (relative).

Untuk mengubah lebar / ketebalan garis kita bisa menggunakan atribut size

<hr color="red" width="650" size="6" />

hasilnya :

---