Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pengenalan HTML (Link-Img)

    Diunggah oleh

    tri novan
    3 tayangan15 halaman

    Judul Asli

    1. PENGENALAN HTML (LINK-IMG)

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, 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 PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    3 tayangan15 halaman

    Pengenalan HTML (Link-Img)

    Diunggah oleh

    tri novan

    Hak Cipta:

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

    1.

    PENGENALAN HTML
    LINK DAN IMAGE
    Link Pada HTML
    • Link adalah elemen html yang
    berfungsi menghubungkan suatu
    halaman web ke halaman web yang
    lain.
    • Internal Link
    • External Link
    Link Pada HTML
    • Internal Link
    Link Pada HTML
    • External Link
    Pembuatan Link
    • Link HTML > <a> > href
    • Contoh :
    <a href="about.html">About us</a>
    <a href="https://www.youtube.com">Youtube</a>
    Pembuatan Link (Target)
    • Attribute target menentukan target
    default untuk semua hyperlink dalam
    halaman.
    • Attribute ini dapat menimpa attribute
    target yang digunakan sebelumnya
    untuk masing-masing hyperlink.
    Pembuatan Link (Target)
    • _blank = membuka link di jendela
    atau tab baru
    • _self= Default. Membuka link di
    frame yang sama seperti yang diklick
    • _top=membuka link secara penuh
    pada jendela baru
    Pembuatan Link (Mailto)
    • Mailto digunakan untuk membuat
    link pada suatu pesan mail
    • Contoh :
    <a href="mailto:saya@gmail.com">email berikut</a>
    Pembuatan Link (Image)
    • Tag Image digunakan untuk
    menampilkan gambar kedalam
    halaman web <img>
    • Atribut SRC = atribut yang berisi
    alamat dari gambar yang akan
    ditampilkan
    Pembuatan Link (Image)
    • Contoh :
    <img src=“nama gambar (jpg,png,
    bmp, gif" />
    Pembuatan Link (Image)
    • Atribut alt = untuk keterangan dari
    gambar jika gambar tersebut gagal
    ditampilkan oleh browser
    • Contoh :
    <img alt=“nama gambar" src=“nama
    gambar.jpg"/>
    Pembuatan Link (Image)
    • Atribut yang digunkan untuk
    menentukan besar dari gambar yang
    ditampilkan, yaitu width dan height.
    • Contoh :
    <img alt=”nama gambar" src=”nama
    gambar.jpg" height="200"
    width="100" />
    Pembuatan Link (Image-src)
    • Contoh :
    <!DOCTYPE html>
    <html>
    <head>
    <title>Penggunaan Tag Image</title>
    </head>
    <body>
    <h1>Belajar Tag Gambar</h1>
    <img src="LP3I.jpg" />
    </body>
    </html>
    Pembuatan Link (Image-alt)
    • Contoh :
    <!DOCTYPE html>
    <html>
    <head>
    <title>Penggunaan Tag Image</title>
    </head>
    <body>
    <h1>Belajar Tag Gambar</h1>
    <img src="LP3I.jpg" />
    </body>
    </html>
    Pembuatan Link (Image-HW)
    • Contoh :
    <!DOCTYPE html>
    <html>
    <head>
    <title>Penggunaan Tag Image</title>
    </head>
    <body>
    <h1>Belajar Tag Gambar</h1>
    <img alt="Logo LP3I" src="LP3I.jpg" height="200" width="200" />
    </body>
    </html>

    Anda mungkin juga menyukai