Kamis, 24 November 2011

Tag HTML - memasukkan gambar dalam kode HTML

Salam Blogger :D

Kali ini saya akan meng-share cara untuk memasukkan gambar ke dalam web 
tentunya menggunakan kode HTML :D





Langsung saja ke Materi :D

Kode yang diperlukan untuk memasukkan gambar adalah sebagai berikut (contoh):






(klik gambar untuk di zoom)
berikut adalah penjelasan tentang nomor2 pada gambar:

     1. img src="leftright.jpg" , pada kata "LEFTRIGHT.JPG", ganti kata kata tersebut sesuai nama file gambarmu,

     2. Alt="Senam"  , pada kata "SENAM" , ganti kata tersebut sesuai nama yang akan kamu berikan, ketika    file gambarmu sedang dimuat/ browser tidak mendukung file gambar

    3. width=700 , ganti angka "700" sesuai dengan lebar yang kamu inginkan (dalam bentuk px)

     4. height=700 , ganti angka "700" sesuai dengan tinggi yang kamu inginkan (dalam bentuk px)

     5. contoh gambar yang saya pakai dalam kode diatas

    6. contoh file.htm yang saya telah buat





    Jadi pada intinya:
    <img src="FILE GAMBARMU.jpg" alt="DESKRIPSI" width="LEBAR" height="TINGGI">

    Catatan: FILE HTML KITA HARUS 1 FOLDER /DIRECTORY DENGAN GAMBAR, KALAU TIDAK GAMBAR TIDAK AKAN DIMUAT



    Buka




    tag-tag yang dibutuhkan pada saat memasukkan gambar:

    tag img -- digunakan sebagai tag utama
    tag src -- digunakan setelah tag "IMG", digunakan untuk membrowse file gambar anda
    tag alt -- digunakan setelah tag "src" , digunakan untuk memberi deskripsi gambar
    tag width -- digunakan setelah tag "alt", digunakan untuk memberi lebar gambar
    tag height -- digunakan setelah tag "width", digunakan utnuk memebri tinggi gambar






    hasilnya setelah dicoba:





    selamat mencoba :D

    1 komentar:

    Teman - teman kesulitan untuk Belajar Komputer karena kesibukan? kini kami memfasilitasi kursus komputer jarak jauh via online, silahkan kunjungi website kami di asianbrilliant.com, Master Komputer, Kursus Online

    Ayah, Bunda..butuh guru untuk mengajar anak-anak dirumah ? kami memfasilitasi 1000 guru untuk anak-anak ayah dan bunda datang kerumah, silahkan kunjungi website kami di smartsukses.com, Bimbingan Belajar, Les Private

    Poskan Komentar