Web Tutorial Indonesia
Elemen HTML hr merupakan elemen yang ditujukan untuk pemisah antara elemen paragraf (misalnya, perubahan adegan dalam cerita, atau pergeseran topik) atau untuk memisahkan antar konten dalam dokumen HTML. Dalam HTML versi sebelumnya, elemen HTML hr digunakan untuk membuat garis horisontal. Elemen ini sampai saat ini masih akan menampilkan garis horizontal pada halaman browser dan penggunaan-nya lebih ke tujuan semantik, bukan untuk sekedar membuat garis. Semua atribut yang dimiliki dalam elemen HTML ini sudah dihapus di HTML5 maka gunakan CSS sebagai gantinya. Jika penggunaan hanya digunakan untuk sekedar membuat garis horisontal maka lebih dianjurkan untuk mengganti elemen HTML Untuk latihan mari kita membuat elemen HTML Hasil running dari skrip diatas Contoh Elemen HTML hr Pada gambar diatas kita telah membuat contoh penggunaan elemen HTML hr pda akhir paragraf, silahkan anda ganti value pada atribute elemen hr untuk merubah style default dari elemen. Selamat mencoba untuk membuat tampilan yang lebih cantik dan sesuai kebutuhan tentunya. Sumber: HTML: The Markup Language Happy Nyekrip!<h1>Judul A</h1>
<p>Paragraf tentang A.....</p>
<hr>
<h1>Judul B</h1>
<p>Paragraf tentang B.....</p>
Definisi dan Penggunaan
<hr> dengan CSS, intinya gunakan elemen ini hanya sebagai elemen pemisah. Tag ini tidak memiliki penutup, cuma penggunaan dalam dokumen HTML tag <hr> cukup ditulis tanpa garis miring sedangkan dalam dokumen XHTML tag <hr> harus dilengkapi dengan menambahkan garis miring seperti ini <hr />.Dukungan Browser
Elemen
<hr>
Ya
Ya
Ya
Ya
Ya
Latihan Elemen HTML hr
hr dalam file halaman HTML dengan nama index.html, selanjutnya kita ketikkan atau langsung salin skrip berikut.<!doctype html>
<html>
<head>
<!-- contoh elemen meta -->
<meta charset="utf-8">
<!-- contoh elemen title -->
<title>Contoh Elemen hr - Nyekrip</title>
<style>
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
</style>
</head>
<body>
<p>Dalam akhir paragraf ini kita akan membuat elemen HTML hr seperti ini:</p>
<hr>
<p>Elemen HTML hr diatas dapat dirubah style-nya dengan merubah value pada style dalam elemen head.</p>
</body>
</html>
Elemen HTML hr
About The Author
