TAG < HR > / membuat baris horisontal HTML

TAG < HR >
           Fungsi TAG < HR > ini adalah untuk mempercantik halaman, sering kali kita kalau mengolah data menggunakan MS Word, terutama pada surat pastinya di bawah kop surat ada garis Horisontal, nah dalam dokumen WEB, garis Horisontal sangat mudah untuk di buat yakni dengan menyertakan tag < HR > pada dokumen Web nya. Kita perhatikan contoh sederhana TAG < HR > di bawah ini.
<HTML>
<HEAD>
<TITLE>CONTOH TAG HR</TITLE>
</HEAD>
<BODY>
<H2>Daftar Menu Makanan</H2>
<HR>
Nasi Goreng
<HR>
Ayam Geprek
<HR>
Bebek Bakar
<HR>
dll
<HR>
</BODY>
</HTML>

Maka hasil yang di perolah seperti berikut.

DAFTAR ATRIBUT TAG <HR>
                Berikut adalah daftar dan contoh atribut yang dapat di gunakan di TAG <HR>
Atribut
Keterangan
SIZE
Menentukan ketebalan garis
WIDTH
Menentukan lebar baris
ALIGN
Menentukan peletakan teks dalam garis
NOSHADE
Mengatur agar garis tidak disertai bayangan

Contoh penggunaan Atribut SIZE
<HTML>
<HEAD>
<TITLE>Atribut SIZE pada Tag HR</TITLE>
</HEAD>
<BODY>
<H1>KEBUN PESONA</H1>
<HR SIZE = "10">
Jl. Solo Km 14<BR>
Yogyakarta<BR>
Indonesia<BR>
</BODY>
</HTML>

Maka Hasil yang di dapat Sebagai Berikut :

Contoh penggunaan Atribut NOSHADE
<HTML>
<HEAD>
<TITLE>Atribut NOSHADE pada Tag HR</TITLE>
</HEAD>
<BODY>
<H1>KEBUN PESONA</H1>
<HR SIZE = "10" NOSHADE>
Jl. Solo Km 14<BR>
Yogyakarta<BR>
Indonesia<BR>
</BODY>
</HTML>

Maka Hasil yang di dapat Sebagai Berikut :

Contoh penggunaan Atribut WIDTH
<HTML>
<HEAD>
<TITLE>Atribut WIDTH dan ALIGN pada Tag HR</TITLE>
</HEAD>
<BODY>
<HR ALIGN = "CENTER" WIDTH = "5%"  SIZE = "10" NOSHADE>
<HR ALIGN = "CENTER" WIDTH = "10%" SIZE = "10" NOSHADE>
<HR ALIGN = "CENTER" WIDTH = "20%" SIZE = "10" NOSHADE>
<HR ALIGN = "CENTER" WIDTH = "35%" SIZE = "10" NOSHADE>
<HR ALIGN = "CENTER" WIDTH = "20%" SIZE = "10" NOSHADE>
<HR ALIGN = "CENTER" WIDTH = "10%" SIZE = "10" NOSHADE>
<HR ALIGN = "CENTER" WIDTH = "4%"  SIZE = "10" NOSHADE>
</BODY>
</HTML>

Maka Hasil yang di dapat Sebagai Berikut :

demikian yang dapat penulis sampaikan, jangan lupa untuk tetap nongkrong di blog Bocah Komputer.

Berlangganan update artikel terbaru via email:

0 Response to "TAG < HR > / membuat baris horisontal HTML"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel