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 merupakan elemen, 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 text</a>
Contoh:
<a href="http://duniakomputer007.blogspot.com">Kunjungi Tutorial HTML kami</a>
Href atribut menentukan alamat tujuan (http://duniakomputer007.blogspot.com)
Teks link adalah bagian yang terlihat (Kunjungi tutorial HTML kami).
Mengklik pada link teks, akan mengirimkan ke alamat yang ditentukan.
| Teks link 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 ....).
<a href="file:///E|/foto/2.jpg">Html image</a>
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:
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:
<a href="http://duniakomputer007.blogspot.com/" target="_blank">Visit dunia komputer</a>
| Target Value | Description |
| _blank | Membuka dokumen terkait di jendela baru atau tab |
| _parent | Membuka dokumen terkait dalam kerangka induk |
| _self | Membuka dokumen terkait dalam frame yang sama seperti yang diklik ( ini adalah default) |
| _top | Membuka dokumen terkait dalam body 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:
<a href="http://duniakomputer007.blogspot.com/" target="_top">Visit dunia komputer</a>
Link HTML - Gambar sebagai link
Hal ini umum untuk menggunakan gambar sebagai link:
<a href="http://duniakomputer007.blogspot.com/"><img src="8.jpg"></a>
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 id="tips">dunia komputer</a>
Kemudian membuat link ke elemen <a>
<a href="#tips">ke dunia komputer</a>
Atau, membuat link ke elemen <a> (Tips Berguna Bagian) dari halaman lain:
<a href="http://duniakomputer007.blogspot.com#tips">ke dunia komputer</a>
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
0 komentar:
Posting Komentar