HTML Links

Link yang ditemukan di halaman web hampir semua. Link memungkinkan pengguna untuk mengklik jalan mereka dari halaman ke halaman.

Cobalah Sendiri – Contoh

HTML Link
Cara membuat link dalam sebuah dokumen HTML.
(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini)


HTML Hyperlink (Link)

Tag <a> HTML mendefinisikan hyperlink.
Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen lain.
Bila Anda memindahkan kursor di atas link di halaman Web, panah akan berubah menjadi tangan kecil.
Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan link.
Secara default, link akan muncul sebagai berikut di semua browser:

  • Link belum dikunjungi digarisbawahi dan biru
  • Sebuah link dikunjungi digarisbawahi dan ungu
  • Link aktif digarisbawahi dan merah

HTML Link Sintaks

Kode HTML untuk link sederhana. Ini terlihat seperti ini:

<a href=” url “> Link text</a>

Atribut href menentukan tujuan link.

Contoh

yang akan menampilkan seperti ini: W3Schools Kunjungan
Mengklik hyperlink ini akan mengirim pengguna ke situs W3Schools ‘.
Tip: The “Link teks” tidak harus berupa teks. Hal ini dapat menjadi gambar atau elemen HTML lainnya.


HTML Link – Atribut Target

Atribut target menentukan di mana untuk membuka dokumen terkait.
Contoh di bawah akan membuka dokumen terkait dalam jendela browser baru atau tab baru:

Contoh

<a href=”http://www.smilecodes.blogspot.com /” target=”_blank”> smilecodes!</a>


HTML Link – Atribut id

Atribut id dapat digunakan untuk membuat bookmark dalam dokumen HTML.
Tip: Bookmark tidak ditampilkan dalam cara yang khusus. Mereka terlihat bagi pembaca.

Contoh

Jangkar dengan id dalam sebuah dokumen HTML:

<a id=”tips”>Useful Tips Section</a>

Membuat link ke “Bagian Tips Berguna” di dalam dokumen yang sama:

<a href=”#tips”>Visit the Useful Tips Section</a>

Atau, membuat link ke “Bagian Tips Berguna” dari halaman lain:

<a href=”http://www. smilecodes.blogspot.com/html_links.htm#tips”>
Visit the Useful Tips Section</a>

Catatan Dasar – Tips Berguna

Catatan:Selalu menambahkan trailing slash untuk referensi subfolder. Jika Anda menghubungkan seperti ini: href = “http://www. smilecodes.blogspot.com/html”, Anda akan menghasilkan dua permintaan ke server, server pertama akan menambahkan garis miring ke alamat tersebut, dan kemudian membuat permintaan baru seperti ini : href = “http://www. smilecodes.blogspot.com/html/”.


Contoh lainya

Gambar sebagai link
Cara menggunakan gambar sebagai link.
Link ke lokasi pada halaman yang sama
Bagaimana link ke bookmark.
Keluar dari bingkai
Bagaimana untuk keluar dari bingkai (jika situs Anda terkunci dalam bingkai).
Membuat link mailto
Bagaimana link ke pesan email (hanya akan bekerja jika Anda memiliki mail yang terinstal).
Membuat link mailto 2
Link lain mailto.


HTML Link Tags

Label
Deskripsi

Mendefinisikan hyperlink
Iklan

Orang baik akan berkomentar yang baik

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s