Blog sharing cara membuat blog, website, toko online, desain web, dan template

Monday, October 20, 2014

Cara Membuat Garis Horisontal Rule atau Garis Horisontal di blog

Hai sahabat Imediaku, Kalian pernah liat web yang menggunakan garis memanjang dibawah judul blog ngak? Kalo pernah liat, berarti kemungkinan web terbut menggunakan tag <hr> untuk membuat garis itu. Apasih tag <hr> itu? Tag <hr> atau Horisontal Ruler adalah tag yang berfungsi untuk menampilkan garis horizontal tiga dimensi didalam halaman web anda. Tag ini adalah tag yang tidak memerlukan tag penutup </hr>.

Atribut dalam tag <hr> adalah:
  • Align : berfungsi untuk meletakkan garis ruler [ left | center | right ] default ‘center’
  • Size : berfungsi untuk memebuat ketebalan garis, menggunakan satuan pixel, default ‘2px’
  • Width : berfungsi untuk mengatur panjang/kelebaran garis, bisa menggunakan satuan pixel atau persen, default 100%
  • Color : berfungsi untuk memberikan warna garis horisontal ruler
Berikut ini adalah contoh penggunaan atribut tag <hr> ( horisontal role )

Membuat garis horisontal atau horisontal role
Membuat garis horisontal atau horisontal role

Dari contoh HTML horisontal role diatas, saya menggunakan bgcolor, text, align, width, size, dan color. Sedangkan elemen pelengkapnya saya menggunakan elemen h1, tag hr, dan paragraph.

Berikut ini adalah hasil tampilannya di browser

Tampilan garis horisontal role
Hasil tampilan html horisontal role

Sangat mudahkan untuk membuat tag horizontal role <hr>. Sekarang tinggal kalian coba deh di blog kalian. Mau tahu cara menggunakan software sublime text? Baca artikelnya di cara menggunakan sublime text, dan ketahui cara menentukan kode warna RHB untuk blog kamu di cara memilih kode warna RHB untuk blog.

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Membuat Garis Horisontal Rule atau Garis Horisontal di blog

0 comments: