Pada pembahasan artikel kali ini,
saya akan share cara membuat horizontal rule pada web menggunakan notepad.
Sebelum itu saya akan menjelaskan apa itu horizontal rule? Horizontal rule atau
biasa disebut dengan garis horisontal,
sering dipakai dalam pembuatan desain website. Tag yang digunakan untuk membuat
garis horisontal adalah tag <HR>. Tag ini bukanlah merupakan tag yang
berpasangan, oleh sebab itu tag ini tidak perlu diakhiri dengan tag slash-nya
</HR>. Panjang garis horisontal yang terbentuk adalah panjangnya sama
dengan panjang jendela browsernya. Kendati demikian, tag <HR> mempunyai
beberapa atribut yang dapat menentukan panjang garis, lebar garis, warna garis,
posisi garis, dan efek bayang-bayang tiga dimensi. Berikut struktur dokumen
HTML nya :
|
<HTML>
<HEAD>
<TITLE> Membuat horizontal rule </TITLE>
</HEAD>
<BODY>
Garis Horizontal
<HR>
</BODY>
</HTML>
|
Atribut yang terdapat pada
<HR> adalah width, length, dan color. Penggunaan atribut-atribut pada
<HR> adalah sebagai berikut :
<HR ALIGN=”a” WIDTH=”x” SIZE=”y” COLOR=”z” NOSHADE>
Dimana :
·
A =
posisi garis (left, center, right)
·
X =
panjang garis (satuan pixel)
·
Y =
tinggi garis (satuan pixel)
·
Z = warna
garis
·
NOSHADE =
Garis tampil tanpa bayang-bayang tiga dimensi
|
<HTML>
<HEAD>
<TITLE> Membuat horizontal rule </TITLE>
</HEAD>
<BODY>
Garis Horizontal dengan berbagai atribut<BR>
<HR ALIGN=”left” WIDTH=”300” SIZE=”5” COLOR=”blue” NOSHADE>
<HR ALIGN=”center” WIDTH=”400” SIZE=”10” COLOR=”green” SHADE>
<HR ALIGN=”right” WIDTH=”150” SIZE=”8” COLOR=”red” NOSHADE>
</BODY>
</HTML>
|
Fungsi Break
Line break <BR> adalah tag yang berguna untuk membuat
garis baru pada sebuah dokumen HTML. Tag ini secara otomatis akan membuat baris
baru tanpa memberi baris kosong dan akan memotong sebarisan teks pada tempat
dimana tag <BR> tersebut diletakkan/disisipkan.
|
<HTML>
<HEAD>
</HEAD>
<BODY>
Membuat <BR>
Baris <BR> Baru
</BODY>
</HTML>
|
Tidak ada komentar:
Posting Komentar