Scribd Logo
Unggah

Selamat datang di Scribd!

  • Tag Link HTML

    Diunggah oleh

    Kang Moen Ad-Dima'i
    9 tayangan3 halaman
    Tag Link HTML

    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
    Tag Link HTML

    Hak Cipta:

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

    Tag Link HTML

    Diunggah oleh

    Kang Moen Ad-Dima'i
    Tag Link HTML

    Hak Cipta:

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

    endradwiputra@gmail.

    com
    pemrograman web 1

    HYPERLINK HTML

    Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika Link diklik
    maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan Anchor ( jangkar ), yaitu
    tag <a>( href adalah singkatan dari hypertext reference). Tag <a>mempunyai atribut, yaitu :
    1. href
    Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform
    resource identifier) yang akan menghubungkan ke eksternal halaman web.
    2. target
    Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau
    jendela baru.

    Penggunaan link <a>

    <ht ml >
    <head>
    <t i t l e>Penggunaan Tag Li nk </ t i t l e>
    </ head>
    <body>
    <h1>Bel aj ar Tag Li nk</ h1>
    <p>Saya sedang bel aj ar HTML dar i
    <a hr ef ="ht t p: / / www. duni ai l kom. com">Duni ai l kom</ a></ p>
    </ body>
    </ ht ml >

    Hasi l pada br owser


    Penggunaan link <a> dengan atribut target

    <ht ml >
    <head>
    <t i t l e>Penggunaan Tag Li nk </ t i t l e>
    </ head>
    <body>
    <h1>Bel aj ar Tag Li nk</ h1>
    <p>Saya sedang bel aj ar ht ml dar i <a hr ef ="ht t p: / / www. duni ai l kom. com"
    t ar get =_bl ank>Duni ai l kom</ a> dan akan t er buka pada t ab bar u</ p>
    </ body>
    </ ht ml >

    Memang tidak akan berubah dari bentuk link nya, akan tetapi perubahan akan terlihat ketika link
    tersebut di klik, secara otomatis link tersebut akan terbuka pada tab baru ( new tab ).
    Tag yang di tambahkan pada attribut target ini adalah : target="_blank"

    endradwiputra@gmail.com
    pemrograman web 2

    Link dengan menggunakan gambar

    Untuk membuat hyperlink dengan menggunakan gambar ( image ). Pastikan gambar tersebut
    berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya,
    kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah
    yahoo.gif, maka :

    <a hr ef ="ht t p: / / www. yahoo. com"> <i mg sr c="yahoo. gi f " bor der ="0" wi dt h="147"
    hei ght ="31"></ a>

    Hasilnya

    Link ke alamat url atau website

    Untuk membuat link ke alamat URL adalah dengan menambahkan: http://nama_URL. Contoh:

    <a hr ef =ht t p: / / www. di kt i . or g>www. di kt i . or g</ a>
    <a hr ef =ht t p: / / www. smkn1- kbks. com>www. smkn1- kbks. com</ a>

    Hasilnya :



    Link ke alamat email

    Link email adalah membuat link pada teks, jika teks tersebut diklik maka akan menampilkan
    program pengiriman email yang terdapat pada komputer yang dipakai untuk mengakses data atau
    teks tersebut secara otomatis. Untuk membuat link ke alamat email hanya menambahkan atribut
    mailto:alamat_email ke dalam tag <a href>

    Misalnya:

    <a hr ef ="mai l t o: smkn1- kbks. yahoo. com">Ki r i memai l </ a>

    Cara menghilangkan garis bawah pada link

    Untuk menghilangkan garis bawah pada link kita biasa menambahkan attribute style dengan nilai
    text-decoration:none

    Misalnya :

    <a hr ef ="ht t p: / / www. mp3. com/ "t ar get ="_bl ank" st yl e="t ext - decor at i on:
    none">Websi t e Musi k</ a>


    endradwiputra@gmail.com
    pemrograman web 3

    Hasilnya :

    Anda mungkin juga menyukai