Hyperlink atau biasa dikenal dengan Link adalah sebuah kata, kalimat atau gambar yang mengarah kesebuah halaman atau alamat tertentu pada halaman web. Tujuan tersebut bisa mengarah ke halaman web itu sendiri, ke halaman lain dalam web tersebut atau juga ke alamat web lain.
Secara umum penulisan tag hyperlink ditandai dengan tag <a>. Bentuk penulisannya sangat simpel dan mudah, yaitu :
<a href="url">Teks Link</a>
CONTOH bisa dilihat dibawah ini
Penulisannya : <a href="http://tkj.smklabor.sch.id">TKJ Labschool Pekanbaru</a>
Hasilnya : TKJ Labschool Pekanbaru
Hasilnya : TKJ Labschool Pekanbaru
Pada kode diatas terdapat tag tambahan HREF, yang berarti bagian ini berisikan alamat tujuan tertentu baik itu url web ataupun email.
CONTOH PENERAPAN :
- <a href="http://www.belajarpc.com">Contoh link menuju URL</a>
Apakah anda ingin Menjadi Teknisi Komputer yang Handal ? - <a href="index.html">Contoh link langsung ke File dalam web tersebut</a>
Contoh link langsung ke File - <a href=”#bawah”>Contoh link pada halaman yang sama</a>
Klik tulisan ini untuk menuju ke Paragraph 20
Paragraph 1
Paragraph 2
Paragraph 3
Paragraph 4
Paragraph 5
Paragraph 6
Paragraph 7
Paragraph 8
Paragraph 9
Paragraph 10
Paragraph 11
Paragraph 12
Paragraph 13
Paragraph 14
Paragraph 15
Paragraph 16
Paragraph 17
Paragraph 18
Paragraph 19
Paragraph 20 - <a href="mailto:okihelfiska@gmail.com">Contoh link ke Email</a>
"Jika anda ingin mengirim kritik dan saran silahkan Email saya"
- TARGET
Penambahan atribut target kedalam tag link akan menentukan tujuan dibukanya alamat dalam web browser
Contoh Penulisan :
<a href="http://www.belajarpc.com" target="_blank">Belajar Komputer</a>
Artinya, alamat www.belajarpc.com akan dibuka pada halaman baru atau tab baru pada web browser.
Atribut lainnya :
_blank : membuka dokumen terkait di jendela baru atau tab
_self : membuka dokumen terkait pada frame yang sama ( default )
_parent : membuka dokumen terkait dalam frameset induk
_top : membuka dokumen terkait dalam jendela utama. - TITLE
Penambahan atribut title berfungsi untuk menambahkan informasi tambahan pada link ketika mouse over diatas link.
Contoh Penulisan :
<a href="http://www.belajarpc.com" target="_blank" title="Visit Blog Belajar PC">Belajar Komputer</a>
Hasilnya :
Belajar Komputer (Arahkan mouse diatas teks disamping)
Selain menggunakan teks, link juga bisa diterapkan pada gambar.
Contoh penulisan :
<a title="Visit Blog Belajar PC" href="http://www.belajarpc.com"><img border="0" alt="Visit Blog Belajar PC" src="gambar.gif" /></a>
Hasilnya :
0 comments:
Posting Komentar