Selasa, 18 November 2014

Cara Membuat Garis (horizontal line) HTML

Cara Membuat Garis (horizontal line) HTML - Garis horizontal (horizontal line) digunakan untuk memisahkan halaman web secara visual. Tag yang digunakan adalah <hr>. Beberapa atributnya adalah ALIGN, SIZE, dan WIDTH. Tag hr seperti halnya tag br (<br>) adalah tag yang beridiri sendiri. Jadi tidak perlu ditutup dengan tag penutup.

Atribut-atribut dalam tag hr (<hr>)

- Atribut size (<hr size="nilai">) digunakan untuk menentukan ukuran garis yang akan ditampilkan di web. Contoh:
<hr size="12px">

Hasilnya:

Nilai dari atribut size dinyatakan dalam pixel (px). Kode di atas akan menampilkan garis horizontal (horizontal line) sebesar ukuran 12px.

- Atribut width (<hr width="nilai">) digunakan untuk menentukan panjang garis. Biasanya nilai dari atribut tersebut dinyatakan dalam persen atau pixel. Contoh:
<hr width="75%">

Hasilnya:

Kode di atas akan menampilkan garis horizontal (horizontal line) sepanjang 75%.

- Atribut align (<hr align="nilai">) digunakan untuk menentukan letak garis. Contoh:
<hr align="right">

Hasilnya:

Nilai dari atribut tersebut adalah right, left dan center. Penggunaan atribut ini akan kelihatan jika garisnya tidak mencapai ke batas sisi kanan dan sisi kiri. Jadi, kalau mau atribut ini kelihatan penggunaannya, Anda dapat menambahkan atribut width terlebih dahulu. Contoh kodenya seperti ini.
<hr width="50%" align="center">

Hasilnya:


- Atribut color (<hr color="nilai">) digunakan untuk menentukan warna garis. Contoh:
<hr color="red">
Hasilnya:

Nilai dari atribut tersebut adalah nama warna dalam bahasa Inggris atau kode warna. Contoh jika menggunakan kode warna:
<hr color="#ff0000">
Hasilnya: