Tanda <hr> HTML

Definisi dan penggunaan

<hr> Tanda mendefinisikan pemisahan topik di halaman HTML (contoh, perubahan topik).

<hr> Elemen biasanya ditampilkan sebagai garis horizontal, digunakan untuk memisahkan konten di halaman HTML, atau mendefinisikan perubahan konten.

Lihat pula:

Panduan Referensi HTML DOM:Objek HR

contoh

contoh 1

menggunakan <hr> tanda untuk mendefinisikan perubahan topik di konten:

<h1>Bahasa Utama Web</h1>
<p>HTML adalah bahasa mark-up standar untuk membuat halaman Web. HTML mendeskripsikan struktur halaman Web, yang terdiri dari sejumlah elemen......</p>
<hr>
<p>CSS adalah bahasa yang digunakan untuk mendeskripsikan cara tampilan elemen HTML di layar, kertas, atau media lainnya......</p>
<hr>
<p>JavaScript adalah bahasa pemrograman untuk HTML dan Web. JavaScript dapat mengubah konten dan nilai atribut HTML......</p>

Coba Sendiri

contoh 2

penyesuaian <hr> elemen (menggunakan CSS):

<hr style="width:50%;text-align:left;margin-left:0">

Coba Sendiri

contoh 3

tanpa bayangan <hr> (menggunakan CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Coba Sendiri

Contoh 4

Pengaturan <hr> Tinggi elemen (dengan CSS):

<hr style="height:30px">

Coba Sendiri

Contoh 5

Pengaturan <hr> Lebar elemen (dengan CSS):

<hr style="width:50%">

Coba Sendiri

Atribut Global

<hr> Tanda ini juga mendukung Atribut Global HTML.

Atribut Acara

<hr> Tanda ini juga mendukung Atribut Acara di HTML.

Pengaturan CSS Baku

Sebagian besar peramban akan menampilkan nilai baku berikut ini <hr> Elemen:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

Coba Sendiri

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan