Mejuah-juah.     Selamat datang di blog sederhana kami: "Rudang Rakyat Sirulo".   Mejuah-juah. Kami minta maaf jika diwaktu dekat ini akan ada sedikit gangguan atau ketidak nyamanan pengunjung terhadap tampilan blog ini, sebab direncanakan dalam waktu dekat blog ini akan melakukan perbaikan. Terima kasih atas kunjungan anda.   Terus dukung dalam doa, untuk Taneh Karo Simalem yan kita cintai segera dipulihkan    Mejuah-juah.        RUDANG RAKYAT SIRULO COMUNITY menerima donasi dari pihak-pihak yang hendak/peduli dengan blog ini, yang ingin berinfestasi. Hal ini ditujukan untuk menghidupkan terus blog ini, serta meng-UPGRADEnya ke wensite berbayar demi kenyamanan pengunjung. Bagi anda yang tertarik silahkan hubungi e-mail: bastanta.meliala@gmail.com. Terima kasih.
Mejuah-juah.   Rudang Rakyat Sirulo Comunity, mengundang partisipasi dari pemcaba untuk mendukung eksistensi blog ini, dengan mengirimkan tulisan-tulisan yang berkaitan dengan Karo ke e-mail: bastanta.meliala@gmail.com    RRSC juga mengundang para pengunjung blog untuk ikut serta membangun jaringan RRSC dengan cara menyampaikan donasi untuk meng-UPGRADE blog ini ke versi berbayar, hal ini dianggap perlu untuk memberi kualitas konten dan kenyamanan pembaca.   Bagi anda yang tertarik untuk mendukung dan ikut serta membangun jaringan RRSC, anda dapat menyampaikan donasi anda ataupun berinfestasi di blog ini. Silahkan hubungi e-mail admin di BASTANTA.MELIALA@GMAIL.COM    Mejuah-juah.
    <--> MEJUAH-JUAH <-->

    Selasa, 17 Desember 2013

    TAG HTML UNTUK MEMASUKKAN GAMBAR

    Langsung saja kita ke TKP gan!
    Tag HTML dasar untuk sebuah gambar ialah <img src=" ">
    img menyatakan bahwa konten yang dikelola adalah sebuah image(gambar), sedangkan src merupakan alamat(lokasi) dari image yang hendat ditampilkan.
    Contoh:
    <img src="http://2.bp.blogspot.com/-L1eQeqge1DQ/Uqx3A-yGUQI/AAAAAAAABV4/nIdqkFfZbTc/s320/Untitled.png"  />

    image(img) yang hendak saya tampilkan berada di .... (lihat warna merah cetak tebal diatas). Maka, browser akan mencari/serch(src)alamat tersebut dan menampilkannya, seperti dibawah ini!



    - Bagaimana pula menentukan panjang dan lebarnya, supaya sesuai?
    Ya, cukup tambah aja tag lebar(width) dan tinggi(height). Tag HTML-nya: width = " " dan height=" ". 
    Contoh: 
    <img src="http://2.bp.blogspot.com/-L1eQeqge1DQ/Uqx3A-
    yGUQI/AAAAAAAABV4/nIdqkFfZbTc/s320/Untitled.png" width="50" height="110" border="0" alt="gif creator" />
    Maka akan ditampilkan seperti di bawah ini:

    gif creator
    - Bagaiman pula jika kita ingin gambar yang ditampilkan itu menjadi sebuah link penghubung? Ya, cukup tambahkan saja tag html untuk membuat sebuah link. Tag html untuk membuat ling adalah <a href=" ( tujuan) " </a>.
    Contoh link: <a href="http://www.twitter.com/simbisa_366">Tulisan yang ditampilkan</a> makan hasilnya (silahkan klink untuk mencobanya) --> Tulisan yang ditampilkan 
    Berikut contoh tag html untuk menjadikan sebuah image menjadi link:
    <a href="http://www.twitter.com/simbisa_366"><img src="http://2.bp.blogspot.com/-L1eQeqge1DQ/Uqx3A-
    yGUQI/AAAAAAAABV4/nIdqkFfZbTc/s320/Untitled.png" width="50" height="110"/></a>

    Hasilnya seperti di bawah ini! Klik untuk mencoba.


    Dan, bangaimana pula jika kita ingin gambar yang telah menjadi link tadi, juga merupakan sepuah marquee(konten yang bergerak)? Ya, kita tinggal menambahkan tag html untuk sebuah marquee. Tag-nya adalah: <marquee> .... </marquee>.
    Kita coba dengan menyatukan tag-tag sebelumnya! 

    <marquee> <a href="http://www.twitter.com/simbisa_366"><img src="http://2.bp.blogspot.com/-L1eQeqge1DQ/Uqx3A-
    yGUQI/AAAAAAAABV4/nIdqkFfZbTc/s320/Untitled.png" width="50" height="110"/></a></marquee>
    Hasilnya: 


    Selanjutnya anda tinggal mengembangkan dan  dapat merubah panjang, lebar, dll sesuai dengan keinginan anda. Selamat mencoba.



    Comments
    1 Comments

    1 komentar:

    Mejuah-juah!