HTML, singkatan dari Hypertext Markup Language, adalah bahasa markup yang digunakan untuk membuat halaman web. HTML terdiri dari serangkaian elemen atau tag yang memberi tahu browser bagaimana merender atau menampilkan halaman web. Salah satu tag yang sering digunakan dalam HTML adalah tag <hr>.


Tag <hr> singkatan dari horizontal rule, yaitu suatu elemen yang digunakan untuk menambahkan garis horizontal di antara konten dalam halaman web. Penggunaan tag <hr> umumnya dilakukan untuk memisahkan atau membagi konten yang berbeda secara visual, sehingga memudahkan pengguna untuk membaca dan memahami informasi yang ada pada halaman web.


Penggunaan tag <hr> cukup sederhana. Anda hanya perlu menambahkan tag <hr> di antara dua bagian konten yang ingin dipisahkan dengan garis horizontal. Berikut adalah contoh penggunaan tag <hr>:



<section>
  <h2>Bagian 1</h2>
  <p>Isi dari bagian 1.</p>
  <hr>
  <h2>Bagian 2</h2>
  <p>Isi dari bagian 2.</p>
</section>

Pada contoh di atas, tag <hr> ditempatkan di antara bagian 1 dan bagian 2, sehingga terdapat garis horizontal yang memisahkan kedua bagian tersebut.


Selain sebagai pemisah konten, tag <hr> juga dapat digunakan sebagai dekorasi atau penghias halaman web. Anda dapat menambahkan atribut seperti color atau size pada tag <hr> untuk mengatur warna atau ukuran garis horizontal tersebut. Berikut adalah contoh penggunaan tag <hr> dengan atribut color dan size:



<section>
  <h2>Bagian 1</h2>
  <p>Isi dari bagian 1.</p>
  <hr color="red" size="10">
  <h2>Bagian 2</h2>
  <p>Isi dari bagian 2.</p>
</section>

Pada contoh di atas, tag <hr> memiliki atribut color yang diatur menjadi merah dan atribut size yang diatur menjadi 10. Sehingga garis horizontal yang ditampilkan memiliki warna merah dan lebar sebesar 10 pixel.


Dalam HTML5, tag <hr> dikategorikan sebagai elemen yang sudah tidak diperlukan lagi. Sebagai pengganti tag <hr>, Anda dapat menggunakan CSS untuk membuat garis horizontal yang lebih fleksibel dan mudah dikustomisasi. Namun, penggunaan tag <hr> masih diperbolehkan dan didukung oleh mayoritas browser.


Dalam kesimpulan, tag <hr> adalah elemen HTML yang digunakan untuk menambahkan garis horizontal di antara konten dalam halaman web. Tag <hr> umumnya digunakan untuk memisahkan atau membagi konten yang berbeda secara visual, sehingga memudahkan pengguna untuk membaca dan memahami informasi yang ada pada halaman web. Meskipun sudah tidak direkomendasikan dalam HTML5, penggunaan tag <hr> masih diperbolehkan dan didukung oleh mayoritas browser.