Skip to content Skip to sidebar Skip to footer

TAG < HR > / membuat baris horisontal HTML

Daftar Isi [Tutup]
    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.

    Post a Comment for "TAG < HR > / membuat baris horisontal HTML"