Home Belajar
HTML
Intro
Elemen
Perintah Dasar
Atribut
Format
Link
Daftar
Form
Gambar
Background
Warna
Daftar Singkat
Belajar CSS
Link-Link
www.w3schools.com |
Link HTML
Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------
HTML menggunakan hyperlink untuk menghubungkan ke dokumen lainnya di
web.
--------------------------------------------------------------------------------
Tag Anchor dan atribut Href
HTML menggunakan tag <a> (anchor) untuk membuat link ke dokumen
lainnya.
Sebuah anchor dapat menunjuk ke apapun yang ada di web: halaman HTML,
gambar, file suara, video, dll.
Penulisan untuk membuat anchor:
<a href="url">Text yang akan ditampilkan</a>
Tag <a> digunakan untuk membuat anchor untuk sebuah link, atribut href
menunjukkan alamat yang dituju, dan kata-kata di antara pembuka dan
penutup akan ditampilkan sebagai hyperlink.
Anchor ini menunjukkan link ke official W3Schools:
<a href="http://www.w3schools.com/">Kunjungi W3Schools!</a>
Baris di atas akan terlihat seperti ini:
Visit W3Schools!
--------------------------------------------------------------------------------
Atribut Target
Dengan atribut target, kamu bisa menunjukkan dimana dokumen terhubung
akan ditampilkan.
Baris berikut akan membuka dokumen di browser baru:
<a href="http://www.w3schools.com/"
target="_blank">Kunjungi W3Schools!</a>
--------------------------------------------------------------------------------
Tag Anchor dan Atribut Name
Atribut name digunakan untuk memberi nama sebuah Anchor. Ketika
menggunakan anchor bernama, kita bisa membuat link yang melompat secara
langsung pada lokasi spesifik pada suatu halaman, daripada memaksa user
melakukan scroll ke atas dan ke bawah untuk mencari apa yang dicari.
Penulisan berikut adalah sebuah anchor bernama:
<a name="label">Text yang akan ditampilkan</a>
Atribut name digunakan untuk menamai sebuah anchor. nama dari sebuah
anchor bisa text apapun yang kamu suka.
Baris di bawah menunjukkan anchor yang diberi nama:
<a name="tips">Bagian Tips Penting</a>
Kamu tentu memperhatikan bahwa anchor bernama tidak ditampilkan secara
spesial.
Untuk mengarah langsung pada bagian "tips", tambahkan tanda # dan nama
anchor pada akhir alamat, seperti ini:
<a href="http://www.w3schools.com/html_links.asp#tips">
Melompat ke bagian Tips Berguna</a>
Sebuah hyperlink ke bagian Tips Berguna dari file "html_links.asp"
seperti ini:
<a href="#tips">Melompat ke bagian Tips Berguna</a>
--------------------------------------------------------------------------------
Catatan Dasar - Tips Berguna
Selalu tambahkan dobel garis miring untuk referensi subfolder. Jika
kamu link seperti ini: href="http://www.w3schools.com/html", kamu akan
menghasilkan dua permintaan HTTP pada server, karena server akan
menambahkan garis miring pada alamat dan melakukan permintaan baru
seperti ini: href="http://www.w3schools.com/html/"
Anchor bernama sering digunakan untuk membuat "daftar isi" di awal
sebuah dokumen raksasa. Setiap bab dari dokumen diberi nama, dan link ke
setiap anchor diletakkan di awal dokumen.
Jika browser tidak dapat menemukan anchor bernama yang telah ditentukan
sebelumnya, dia akan menuju langsung ke bagian atas dokumen. Tidak ada
error yang akan timbul.
--------------------------------------------------------------------------------
Tag Link
Tag |
Deskripsi |
<a> |
Menunjukkan sebuah anchor |
--------------------------------------------------------------------------------
Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------
|
Pilih Style
untuk halaman ini
|