Apa itu Link...? Link yaitu sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut . Bagaimana Membuat Link... Lest Go.
Kode HTML Dasar Untuk LINK
Kode HTML Dasar (syntax) untuk membuat link sangat simple sekali. Hanya diperlukan sebuah html tag yaitu <a> dan menambahkan attribute href di dalamnya. misal :
<a href="url">Anchor Text</a>
Penjelasan :
- aba-aba <a> dan </a> ialah tag html untuk membuat link.
- href, ialah suatu attribute yang mengambarkan tujuan link (URL).
- Anchor Text ialah perwakilan dari URL yang dapat berupa text (kata) atau gambar.
misal Dasar Teknik Membuat Link.
Ok gagaje akan tunjukan bagaimana membuat suatu link. Misalnya :
<a href="http://gagaje.blogspot.com">Tutorial Blogspot</a>
Dari rujukan diatas mengambarkan bahwa URL yang menjadi tujuan link yaitu http://gagaje.blogspot.com dan yang menjadi anchor text nya yaitu Tutorial Blogspot. Hasilnya,
Tutorial Blogspot.
Teknik Membuat Link Terbuka di Jendela Baru
Nah udah mulai tercerahkan bukan,sekarang kita berguru cara membuat link yang apabila di klik maka akan terbuka jendela baru. Maksudnya? mungkin anda pernah mengalami saat meng-klik suatu link, maka akan terbuka sebuah halaman gres dari web browser anda. Nah itu beliau tu yang saya maksud.
Untuk membuat link terbuka di halaman baru, caranya cukup praktis . Dari aba-aba dasar pembutan link diatas, kita cukup menambahkan attribute sasaran dan menambahkan value _blank di dalamnya. Supaya lebih jelas, coba simak aba-aba diberikut :
<a href="url" target="_blank">Anchor Text</a>
Kode diatas ialah rujukan penerapan dari attribute sasaran pada sebuah link. Sekarang kita terapkan aba-aba tersebut ke dalam rujukan pembuatan link.
<a href="http://gagaje.blogspot.com" target="_blank">Tutorial Blogspot</a>Maka kesannya akan menyerupai ini.
Coba di klik Tutorial Blogspot. Maka akan muncul jendela gres yang membuka link tersebut.
Teknik Membuat Link pada Gambar
Untuk membuat link pada gambar, caranya juga praktis tinggal tambahin aja aba-aba HTML untuk menampilkan gambar yaitu tag <img> sebagai pengganti dari anchor text. Format nya sebagai diberikut :
<a href="url anda"><img src="url gambar anda"></a>
Kode yang saya tebalkan diatas ialah aba-aba dasar untuk menampilkan gambar. Lengkapnya tiruana aba-aba diatas, ialah aba-aba dasar pembuatan link untuk gambar. misal penerapannya sebagai diberikut :
<a href="http://gagaje.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXk3Zi9A0Wzfh9JU646GVGk7HkWgEdDQbIjm3pMaEVj94pApa2KZkEdZSvqhCxItQ8KIIvr4BFHw94rE5To4GvTbUJLmczH1ApZqTEEtWcHAT-1CZqWBIUStPxuZlZRLxDKqx8d_SJA0Xe/s1600/Logo+gagaje.blogspot.com.png"></a>
Maka Hasilnya :
; cepatdangampangkan......??OK! Sekarang udah pada tercerahkan bukan, mungkin hingga di sini doloe ya untuk cara pembuatan linknya, selamat berkreasi.
Tag :
Tutorial Blogging
0 Komentar untuk "Cara Menciptakan Link"