w3schools versi Indonesia supported by Irawan
 
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
Style Awal (Hijau)
Style Kuning
Style Abu-Abu