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 elemen, teks, atau gambar yang Anda dapat mengklik, dan melompat ke dokumen lain.
Link HTML - Sintaks
Dalam HTML, link didefinisikan dengan tag <a>:
Tautan Sintaks:
<a href="url"> link teks </a>
contoh:
<a href="http://www.w3schools.com/html/"> Kunjungi kami </a> HTML tutorial
Coba Sendiri »
Href atribut menentukan alamat tujuan (http://www.w3schools.com/html/)
Link teks adalah bagian yang terlihat (Kunjungi tutorial HTML kami).
Mengklik link teks, akan mengirimkan ke alamat yang ditentukan.
Catatan link teks tidak harus berupa teks. Hal ini dapat gambar HTML atau elemen lain 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>
Coba 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 warna default, menggunakan gaya:
contoh
<style>
a: link {color: # 000000; background-color: transparent}
a: visited {color: # 000000; background-color: transparent}
a: hover {color: # ff0000; background-color: transparent}
a: active {color: # ff0000; background-color: transparent}
</ style>
Coba 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>
Coba Sendiri »
Sasaran Nilai Keterangan
_blank Membuka dokumen terkait dalam jendela baru atau tab
_self Membuka dokumen terkait pada frame yang sama seperti yang diklik (ini adalah default)
_parent Membuka dokumen terkait dalam kerangka induk
_top Membuka dokumen terkait dalam tubuh penuh jendela
framename 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>
Coba 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>
Coba Sendiri »
Catatan border: 0 ditambahkan untuk mencegah IE9 (dan sebelumnya) dari menampilkan perbatasan di sekitar gambar.
Link HTML - The id Atribut
The id atribut dapat digunakan untuk membuat bookmark dalam dokumen HTML.
Penanda tidak ditampilkan dengan cara khusus. Mereka terlihat pembaca.
contoh
Menambahkan atribut id untuk 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>
Coba 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 menentukan link
Gunakan HTML atribut href untuk menentukan alamat link
Gunakan atribut target HTML untuk menentukan di mana untuk membuka dokumen terkait
Gunakan HTML <img> (dalam <a>) untuk menggunakan gambar sebagai link
Gunakan atribut HTML id (id = value) untuk mendefinisikan bookmark di halaman
Gunakan HTML atribut href (href = "# value") untuk mengatasi penunjuk
Link HTML - Hyperlink
Link HTML adalah hyperlink.
Sebuah hyperlink adalah elemen, teks, atau gambar yang Anda dapat mengklik, dan melompat ke dokumen lain.
Link HTML - Sintaks
Dalam HTML, link didefinisikan dengan tag <a>:
Tautan Sintaks:
<a href="url"> link teks </a>
contoh:
<a href="http://www.w3schools.com/html/"> Kunjungi kami </a> HTML tutorial
Coba Sendiri »
Href atribut menentukan alamat tujuan (http://www.w3schools.com/html/)
Link teks adalah bagian yang terlihat (Kunjungi tutorial HTML kami).
Mengklik link teks, akan mengirimkan ke alamat yang ditentukan.
Catatan link teks tidak harus berupa teks. Hal ini dapat gambar HTML atau elemen lain 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>
Coba 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 warna default, menggunakan gaya:
contoh
<style>
a: link {color: # 000000; background-color: transparent}
a: visited {color: # 000000; background-color: transparent}
a: hover {color: # ff0000; background-color: transparent}
a: active {color: # ff0000; background-color: transparent}
</ style>
Coba 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>
Coba Sendiri »
Sasaran Nilai Keterangan
_blank Membuka dokumen terkait dalam jendela baru atau tab
_self Membuka dokumen terkait pada frame yang sama seperti yang diklik (ini adalah default)
_parent Membuka dokumen terkait dalam kerangka induk
_top Membuka dokumen terkait dalam tubuh penuh jendela
framename 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>
Coba 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>
Coba Sendiri »
Catatan border: 0 ditambahkan untuk mencegah IE9 (dan sebelumnya) dari menampilkan perbatasan di sekitar gambar.
Link HTML - The id Atribut
The id atribut dapat digunakan untuk membuat bookmark dalam dokumen HTML.
Penanda tidak ditampilkan dengan cara khusus. Mereka terlihat pembaca.
contoh
Menambahkan atribut id untuk 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>
Coba 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 menentukan link
Gunakan HTML atribut href untuk menentukan alamat link
Gunakan atribut target HTML untuk menentukan di mana untuk membuka dokumen terkait
Gunakan HTML <img> (dalam <a>) untuk menggunakan gambar sebagai link
Gunakan atribut HTML id (id = value) untuk mendefinisikan bookmark di halaman
Gunakan HTML atribut href (href = "# value") untuk mengatasi penunjuk
Tidak ada komentar:
Posting Komentar