Scribd Logo
Unggah

Selamat datang di Scribd!

  • Media Pembelajaran

    Diunggah oleh

    teti widiarti
    15 tayangan11 halaman
    media pembelajaran

    Judul Asli

    3. MEDIA PEMBELAJARAN

    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
    media pembelajaran

    Hak Cipta:

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

    Media Pembelajaran

    Diunggah oleh

    teti widiarti
    media pembelajaran

    Hak Cipta:

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

    Format Kaitan

    (Hyperlink)
    KELAS XI
    INSTRUKTUR : ZAINAL ARIFIN, S.Kom
     1.Siswa dapat menjelaskan konsep format
    kaitan(link) dalam halaman web.
     2. Siswa dapat menjelaskan tag-tag link dalam
    html untuk menampilkan kaitan.
     3. Siswa dapat menentukan prosedur kaitan
    dalam halaman web.
     4. Siswa dapat merancang program tampilan
    kaitan (link) dalam halaman web.

    5. Disediakan sebuah contoh program yang
    didalamnya terdapat contoh kaitan, siswa dapat
    membuat program tampilan kaitan (link) dalam
    halaman web.
     Hyperlink adalah acuan dalam dokumen
    hiperteks ke dokumen lain atau sumber lain.
    Dengan kata lain, hyperlink merupakan suatu
    cara untuk menghubungkan suatu bagian
    tertentu di dalam slide, file dokumen,
    program, atau halaman web dengan bagian
    yang lainnya pada bidang tersebut.
    Facebok
    /
    Ct"Nt• 1 11101

    Halaman Be rand a I)��


    : ll h

    UPI.

    About
    Halaman Profil

    �-
    U• • •

    8§-' > c... ..


     Untuk membuat suatu link, HTML
    menyediakan satu tag khusus, yaitu tag <a>,
    yang berpasangan dengan </a>. Setiap teks
    yang diapit oleh tag ini akan ditampilkan
    sebagai link. Bentuk umum pembuat link
    dalam dokumen HTML adalah sebagai berikut
    : Atribut HREF dalam tag <a> berfungsi
    untuk menentukan dokumen atau halaman
    mana yang akan dipanggil saat link tersebut
    di klik atau dipilih oleh pengunjung web.
    Contoh :
    <a href=”index.html”>Home</a><br />
    <a href=”about.html”>Tentang Kami</a><br />
    <a href=”contact.html”>Kontak</a>
    1. Absolute Address

    Untuk jenis hyperlink ini umumnya menggunakan koneksi internet


    karena digunakan untuk membuat shortcut alamat URL situs tertentu.
    Dimana shortcut secara murni atau mutlak berbentuk full alamat URL
    meliputi protocol, network location, path dan juga nama file (baca:
    pengertian file).
    Contoh :
    <a href=”http://www.zen-segeran.blogspot.com”>Referensi
    2. Relatif Address
    Informasi</a>
    Hampir mirip dengan absolute address dalam hal fungsi namun
    dalam penerapannya, Link Relatif sangat tergantung pada path atau
    lokasi file dimana dia ditempatkan. Jenis ini bisa di katakan Link
    dalam page ke page yang lain dalam satu komputer.
    Contoh : <a href= “katalog.html”> Katalog</a>

    Target atau tujuan yang dihubungkan melalui
    suatu link dapat ditentukan sendiri oleh kita.
    Target yang di maksud di sini adalah dimana
    dokumen akan ditempatkan atau ditampilkan.
    Dalam keadaan default (ketika atribut TARGET
    tidak di sertakan), dokumen baru yang
    ditampilkan pada saat link dipilih akan menutup
     atau menimpa dokumen lama (dokumen yang
    mengandung link bersangkutan). Untuk
    melakukan hal, kita hanya perlu menambahkan
    atribut TARGET di dalam tag <a>, yang memiliki
    File Name: Index.html
    <html> <head> <title>Index</title> </head>
    <body>

    <h2>Latihan membuat link Relative</h2>


    <a href= “katalog.html”> Katalog</a>

    <h2>Latihan membuat link Absolute </h2>


    <a href=”http://www.zen-segeran.blogspot.com”>Referensi
    Informasi</a>

    <h2>Latihan membuat link Menentukan Target</h2>


    <a href= “katalog.html” target = “_Blank”> Katalog2</a>

    </boby></html>
    File Name: katalog.html
    <html> <head> <title>Katalog</title>
    </head>
    <body>

    <h2>Ini Halaman Katalog Loh</h2>


    <a href= “index.html” > Home</a>

    </boby></html>

    Anda mungkin juga menyukai