[ HTML ] [ Java ] [ Bahasa C ]


Sabtu, Agustus 31, 2019

HTML hr

Tag <hr> digunakan untuk membuat garis horizontal dan untuk membagi dokumen menjadi dua bagian terpisah pada bagian atas dan bagian bawah. Tag <hr> adalah tag kosong (empty tag) sehingga tidak memerlukan bagian closing tag.

Atribut tag: Tabel pada gambar 1 berikut ini mendeskripsikan atribut dari tag <hr>:

penggunaan atribut tag hr untuk membuat garis horizontal pada laman html
Gambar 1 atribut dari tag hr

Sintak:
<hr>...

Berikut adalah ilustrasi program yang menggunakan tag <hr> pada html:

Contoh 1:
Output:
pembuatan garis horizontal untuk memisahkan dokumen dengan menggunakan tag hr pada laman html
Gambar 2 membuat garis horizontal

Contoh 2:
Output:
penggunaan beberapa atribut tag hr pada laman html
Gambar 3 penggunaan atribut pada tag hr

Penggunaan tag <hr> menggunakan nilai atribut
Pada tag <hr> digunakan atribut width untuk mengatur ukuran lebar dari garis horizontal dalam satuan pixel ataupun persen.

Sintak:
<hr width="pixels|%">

Nilai atribut:
satu, Pixel: Berfungsi untuk mengatur ukuran lebar dari atribut <hr> dalam satuan pixel.
dua, %: Berfungsi untuk mengatur ukuran lebar dari atribut <hr> dalam satuan persen (%).

catatan: Nilai width atau lebar pada tag <hr> tidak lagi didukung pada HTML5.

Contoh:
Output:
atribut width pada garis horizontal pada laman html
Gambar 4 mengatur ukuran width garis

Atribut align pada tag <hr>
Atribut align pada tag <hr> digunakan untuk mengatur posisi dari garis horizontal. Jika lebar dari atribut diatur dalam ukuran 100% maka posisi dari atribut (align) tidak akan menciptakan efek perubahan apapun terhadap garis horizontal.

Sintak:
<hr align="left | center | right">

Nilai atribut:
left: Mengatur garis horizontal agar berada di posisi kiri.
center: Mengatur garis horizontal agar berada di posisi tengah dan juga merupakan nilai default.
right: Mengatur garis horizontal agar berada di posisi kanan.

catatan: Atribut align pada tag <hr> sudah tidak didukung lagi penggunaannya pada HTML5.

Contoh:
Output:
penggunaan atribut align pada tag hr pada laman html
Gambar 5 penggunaan garis atribut align pada hr

Atribut size pada tag <hr>
Penggunaan atribut size pada tag <hr> adalah untuk mengatur ukuran tinggi (height) dari garis horizontal dalam satuan pixel.

Sintak:
<hr size="pixels">

Nilai atribut: Mengandung nilai tunggal dalam satuan pixel untuk mengatur ukuran tinggi dari garis horizontal.

catatan: Atribut <hr> sudah tidak didukung lagi penggunaannya pada HTML5.

Contoh:
Output:
pengaturan nilai tinggi dari gari atau height tag hr pada laman html
Gambar 6 mengatur height pada tag hr html

Atribut noshade pada tag <hr>
Atribut noshade adalah sebuah nilai boolean (nilai yang terdiri dari dua kondisi) dan digunakan untuk mengatur ketebalan garis dari bayangan pada garis horizontal.

Sintak:
<hr noshade>

catatan: Atribut noshade pada tag <hr> sudah tidak didukung lagi penggunaannya pada HTML5.

contoh:
Output:
penggunaan noshade hr pada laman html
Gambar 7 penggunaan noshade pada tag hr




Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D