HTML Links

Link yang ditemukan di hampir semua halaman web. Link memungkinkan pengguna untuk mengklik jalan mereka dari halaman ke halaman.Link HTML - Hyperlink
Link HTML adalah hyperlink.
Sebuah hyperlink adalah teks atau gambar yang Anda dapat mengklik, dan melompat ke dokumen lain.Link HTML - Sintaks
Dalam HTML, link yang didefinisikan dengan tag <a>:<a href="URL"> link teks </a>Contoh:<a href="http://www.w3schools.com/html/"> Kunjungi kami </a> HTML tutorial
Cobalah Sendiri »
Href atribut menentukan alamat tujuan (http://www.w3schools.com/html/)
Teks link adalah bagian yang terlihat (Kunjungi tutorial HTML kami).
Mengklik pada link teks, akan mengirimkan ke alamat yang ditentukan.Catatan link teks tidak harus berupa teks. Hal ini dapat gambar HTML atau elemen lainnya HTML.Link lokal
Contoh di atas menggunakan URL absolut (A alamat web penuh).
Sebuah link lokal (link ke situs web yang sama) ditentukan dengan URL relatif (tanpa http: // www ....).Contoh:<a href="html_images.asp"> HTML Images </a>
Cobalah Sendiri »Link HTML - Warna dan Ikon
Bila Anda memindahkan kursor mouse di atas link, dua hal yang biasanya akan terjadi:

    Mouse panah akan berubah menjadi tangan kecil
    Warna elemen link akan berubah
Secara default, link akan muncul karena hal ini di semua browser:

    Link yang belum dikunjungi adalah digarisbawahi dan biru
    Sebuah link yang dikunjungi adalah digarisbawahi dan ungu
    Link aktif adalah digarisbawahi dan merah
Anda dapat mengubah default, menggunakan gaya:Contoh<Style>a: link {color: # 000000; background-color: transparent; text-decoration: none}a: visited {color: # 000000; background-color: transparent; text-decoration: none}a: hover {color: # ff0000; background-color: transparent; text-decoration: underline}a: active {color: # ff0000; background-color: transparent; text-decoration: underline}</ Style>
Cobalah Sendiri »Link HTML - Target Atribut
Target atribut menentukan di mana untuk membuka dokumen terkait.
Contoh ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru:Contoh<a href="http://www.w3schools.com/" target="_blank"> Visit W3Schools! </a>
Cobalah Sendiri »Target Nilai Keterangan_blank Membuka dokumen terkait di jendela baru atau tab_self Membuka dokumen terkait dalam frame yang sama seperti yang diklik (ini adalah default)_parent Membuka dokumen terkait dalam kerangka induk_top Membuka dokumen terkait dalam tubuh penuh jendelaframename Membuka dokumen terkait dalam bingkai bernama
Jika halaman web Anda terkunci dalam bingkai, Anda dapat menggunakan target = "_ top" untuk keluar dari frame:Contoh<a href="http://www.w3schools.com/html/" TARGET="_top"> HTML5 tutorial! </a>
Cobalah Sendiri »Link HTML - Gambar sebagai link
Hal ini umum untuk menggunakan gambar sebagai link:Contoh<a href="default.asp">
  <Img src = "smiley.gif" alt = "HTML tutorial" style = "width: 42px; height: 42px; border: 0"></a>
Cobalah Sendiri »Catatan border: 0 ditambahkan untuk mencegah IE9 (dan sebelumnya) dari menampilkan perbatasan di sekitar gambar.Link HTML - The id Atribut
Atribut id dapat digunakan untuk membuat bookmark di dalam dokumen HTML.
Bookmark tidak ditampilkan dengan cara khusus. Mereka terlihat pembaca.Contoh
Menambahkan atribut id untuk setiap elemen <a>:<a Tips id="tips"> Berguna Bagian </a>
Kemudian membuat link ke elemen <a> (Tips Berguna Bagian):<a href="#tips"> Kunjungi Berguna Tips Bagian </a>
Atau, membuat link ke elemen <a> (Tips Berguna Bagian) dari halaman lain:<a href="http://www.w3schools.com/html_links.htm#tips"> Kunjungi Berguna Tips Bagian </a>
Cobalah Sendiri »Catatan Tanpa slash sisa pada alamat subfolder, Anda mungkin akan menghasilkan dua permintaan ke server.Banyak server secara otomatis akan menambahkan garis miring ke alamat, dan kemudian membuat permintaan baru.Bab Ringkasan

    Gunakan elemen HTML <a> untuk mendefinisikan link
    Gunakan HTML atribut href untuk menentukan alamat link
    Gunakan atribut target HTML untuk menentukan di mana untuk membuka dokumen terkait
    Gunakan HTML <img> elemen (dalam <a>) untuk menggunakan gambar sebagai link
    Menggunakan atribut HTML id (id = "value") untuk menentukan bookmark di halaman
    Gunakan HTML atribut href (href = "# value") untuk mengatasi penunjuk

sumber dari :http://www.w3schools.com