HTML hr tag | belajar <hr> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML hr tag. Tutorial dan panduan mengenai element <hr /> yang digunakan untuk membuat garis datar (horizontal). Mencakup pembahasan lebih detail dan lengkap yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <hr>.

Deskripsi
Penjelasan HTML hr tag

hr menunjukkan sebuah horizontal rule atau garis horizontal, yaitu garis yang mendatar dari kiri ke kanan atau dari kanan ke kiri.

HTML <hr> element digunakan untuk memisahkan konten atau paragraf satu dengan lainnya berdasarkan pengelompokkan tema atau topik masing-masing, istilahnya adalah paragraph-level thematic break.

Untuk memisahkan konten secara tematik, cukup ditulis <hr> saja, tanpa tag penutup (</hr>) atau lebih baik lagi dengan format self closing tag seperti ini: <hr /> yang biasa digunakan dalam format XML.

Catatan!

<hr> element tidak tidak akan berpengaruh pada outline sebuah dokumen.

Global Attributes
Atribut Secara Global (Keseluruhan)

<hr> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Silahkan, lihat referensi mengenai HTML Global Attribute

Event Attributes
Atribut event (Peristiwa)

<hr> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <hr> element

HTML 
<h2>Apa itu HTML?</h2>
<p>HTML adalah bahasa untuk membuat struktur halaman web.</p>

<hr>

<h2>Apa itu HTML5?</h2>
<p>HTML5 adalah HTML versi standard dan baru setelah HTML 4.</p>

Pada contoh diatas, <hr> element, digunakan untuk memisahkan pengertian dari HTML dan HTML5. Lihat hasil dari contoh diatas pada demo editor di bawah ini.

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
editor 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Demo HTML hr tag</title>
    <style>

    </style>
  </head>
  <body>
    <h2>Apa itu HTML?</h2>
    <p>HTML adalah bahasa untuk membuat struktur halaman web.</p>

    <hr>

    <h2>Apa itu HTML5?</h2>
    <p>HTML5 adalah HTML versi standard dan baru setelah HTML 4.</p>
  </body>
</html>
SHARE
Previous Article Next Article