Scribd Logo
Unggah

Selamat datang di Scribd!

  • Bab 7 Image

    Diunggah oleh

    Muhammad Riski Anugrah
    11 tayangan5 halaman

    Judul Asli

    BAB 7 IMAGE

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    11 tayangan5 halaman

    Bab 7 Image

    Diunggah oleh

    Muhammad Riski Anugrah

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    BAB 7

    IMAGE HTML
    CAPAIAN PEMBELAJARAN (Learning Out Come)
    1. Capaian Pembelajaran Umum : Mahasiswa mampu memahami dan mengerti tentang
    Image dalam HTML
    2. Capaian Pembelajaran Khusus : Mahasiswa mampu memahami dan mempraktekkan
    Image dalam HTML

    7.1. Pengertian Image


    Image adalah representasi grafis dan visual dari beberapa informasi yang dapat
    ditampilkan pada layar komputer atau dicetak.

    7.2. Bentuk – Bentuk Image


    Image terbagi dalam beberapa bentuk , seperti :
    a. Fotografi
    b. Gambar
    c. Lukisan
    d. Televisi
    e. Gambar gerak
    f. Peta, dan lain - lain.

    7.3. Peranan Image


    Image berperan penting dalam dunia multimedia,diantaranya :
    a. Navigasi
    b. Komponen antarmuka pengguna
    c. Bantuan Sistem
    d. Clip art

    7.4. Mengapa Butuh Image


    Image dapat membuat dokumen HTML lebih menarik dibandingkan hanya berisi teks
    saja. Selain itu dapat memudahkan user untuk memahami informasi yang disampaikan
    misalnya untuk spesifikasi Handphone, akan lebih baik diberi visualisasi gambar
    dibandingkan hanya teks.

    7.5. Sintaks Tag Image HTML


    Sintaks
    Nilai
    <img atribut URL />
    src="URL"
    <img
    URL src="URL"
    absolut alt= "teks"
    menunjuk />web
    ke situs
    lain(contoh:src="http://www.contoh.com/foto1.gif")

    URL relatif menunjuk ke file didalam situs web


    (contoh: src="foto1.gif")

    <html>
    <head>
    <title>gambar</title>
    </head>
    <body>
    <img src="mahasiswa.jpeg" alt=
    “mahasiswa" />
    </body>
    </html>

    7.6. Image Sebagai Background

    <html>
    <body background="background.jpg">
    <h3>Lihat: image background!</h3>
    <p>File gif dan jpg dapat dipakai sebagai
    background HTML.</p>
    <p>Jika image lebih kecil dari halaman, image
    akan mengulang.</p>
    </body>
    7.7. Perataan Image
    </html>

    <html>
    <body>
    <p> Image
    <img src="hackanm.gif“ align="bottom" width="48"
    height="48“/>
    7.8. Image bersifat floating

    <html>
    <body>
    <p>
    <img src ="hackanm.gif” align ="left"
    width="48" height="48“/>
    Paragraf dengan image. Atribut align dari
    image diset = "left". Image akan
    mengambang di kiri dari teks.
    </p>
    7.9. Mengatur Ukuran Image

    <p>
    <img src="hackanm.gif” width="20" height="20”/>
    </p>
    <p>
    <img src="hackanm.gif” width="45" height="45”/>
    </p>
    <p><img src="hackanm.gif” width="70"
    height="70”/></p>
    <p> Anda dapat membuat gambar lebih besar atau
    lebih kecil dengan mengganti nilai atribut "height"
    dan "width" dari tag img.
    </p>

    7.10. Membuat Hyperlink dengan Image


    <p>
    Anda juga dapat menggunakan image sebagai link:
    <a href="halakhir.htm">
    <img border="0" src="buttonnext.gif” width="65"
    height="38“/>
    </a>
    </p>
    7.11. Soal Latihan
    1. Apa yang dimaksud dengan image dan sebutkan bentuk-bentuknya?
    2. Apa yang dimaksud dengan image berrsifat floating?
    3. Sebutkan sintaks image HTML?

    Anda mungkin juga menyukai