Mejuah-juah.   Rudang Rakyat Sirulo Comunity    Mejuah-juah.
    <--> MEJUAH-JUAH <-->

    Sunday, February 3, 2013

    Button, marquee, dan link


    Perhatikan marquee(text, icon, video berjalan) diatas, yang berisi button(tombol-tombol) yang juga sekali-gus berfungsi sebagai link(mengaitkan dokum satu dengan yang lainnya).
    Marquee, button, dan link adalah tiga dari sekian banyak kemampuan yang dimiliki oleh layanan World Wide Web(WWW) yang mungkin sudah sangat familiar bagi para pengguna internet. Namun, tidak ada salahnya jika saya ingin berbagi informasi atau setidaknya mengingatkan kembali memori-memori yang sempat terlupakan. Hehehe…

    Berikut tag-tag untuk membuat marquee yang berisi button yang berfungsi sebagai link seperti diatas, namun agar mudah dalam mengoreksinya, saya akan memperlihatkan satu per satu sebelum membuat tag lengkapnya.

    a. Button
    Berikut tag html untuk membuat sebuah button: <button><button>
    Contoh: <button> Klink di sini </button>
    ganti tulisan berwarna meran dengan tulisan yang ingin Anda tampilkan.

    Dari tag diatas, maka akan ditampilkan di browser seperti dibawah ini:



    b. Marquee. 
    Marquee, adalah text, icon, ataupun video berjalan. Adapun tag untuk membuat sebuah marquee adalah <marquee> </marque>
    Contoh: <marquee> Contoh marquee sederhana</marquee>
    ganti tulisan berwarna merah dengan tulisan yang ingin Anda tampilkan.
    Dari tag diatas, ditampilkan di browser seperti dibawah ini: 


    Contoh marquee sederhana
    Dan, bagaimana pula jika marquee yang ditampilkan berupa image atau lainnya? Ya, kita tinggal menambahkan alamat image atau media lainnya yang ingin ditampilkan sebagai marquee. Tag-nya: <marquee><img scr="#"/></marquee>

    Contoh: Saya hendak membuat marquee dengan tampilannya sebuah image dengan format gif, berikut tag HTML-nya: 
    <marquee><img src="http://gickr.com/results3/anim_e1d7c300-2a32-8094-f5e7-892cad7ada19.gif" /></marquee>
    ganti tulisan berwarna merah dengan alamat penyimpanan image ataupun media lainnya yang ingin Anda tampilkan.
    Dari tag diatas, akan ditampilkan oleh browser seperti dibawah ini:





    C. Link
    Link adalah salah satu kemampuan yang dimiliki layanan World Wide Web(WWW) dalam mengaitkan satu dokumen dengan dokumen lainnya, yang secara fisik terpisah, baik dalam satu komputer ataupu, di komputer yang lainnya.


    Dengan meng-klik link, baik itu yang ditampilkan dalam bentuk text, icon, ataupun video, maka pengguna layanan WWW ini akan dibawa(diantar) ke dokumen yang dikaitkan oleh link tersebut, metode pengkaitan dokumen dalam jaringan layanan WWW ini sering disebut dengan hiperlink(hypertext link ataupun hypermedia link) dengan tag HTML-nya: <a href= “”></a>

    Contoh:

    <a href= "
    ganti warna merah dengan alamat dokumen yang akan dituju, dan text warna biru dengan text yang akan ditampilkan.
    Dari tag diatas, maka browser akan menamplkan seperti beritut: Kode warna HTML

    Jadi, diatas telah ditunjukkan bagaimana cara dan tag dalam membuat marquee, button, dan link. Maka, sekarang mari kita coba membuat marquee, button, dan link itu menyatu. Berikut tag-tag html- nya:



    marquee: <marquee> </marquee>

    button    : <button> </button>
    link         : < a href=" #"> </a>

    Jadi, kalau disatukan: 

    <marquee> <a href="#"><button></button></a>

    Contoh:

    <marquee>


    <a href="




    <button>Peluang usaha</button> </a>


    <a href="


    <a href="




    <button> Akun FB saya </button></a>


    </marquee>



    Ganti text berwarna merah dengan alamat tujuan link dan text berwarna biru dengan text yang akan ditampilkan dalam button.


    Dan dari tag diatas, browser akan menampilkan seperti di bawah ini:






    Silahkan Anda modifikasi tag-tag sesuai dengan kreasi dan selera Anda. Selamat mencoba.


    Comments
    1 Comments

    1 comment:

    Mejuah-juah!