23 September 2016

Membuat Sebuah Link (Hyperlink) Di Website

Link (bahasa indonesia : tautan) merupakan penghubung suatu alamat situs satu dengan situs lain dengan menautkan alamat situs tersebut dalam sebuah teks atau di gambar. Jadi temen-temen, ketika kamu meng-klik sebuah teks / gambar yang berisi link maka kamu akan di arahkan ke laman yang dituju, bisa itu pada tab browser yang sedang kamu kunjungi atau pada tab browser baru, tergantung perintah yang ada link tersebut. Jika teks / gambar itu hanya teks biasa, maka itu bukanlah sebuah link.

Disini saya akan berikan sebuah contoh dari link berupa teks. Biasanya sebuah link yang ada pada teks itu berwarna biru dengan catatan link tidak di modifikasi oleh pembuat link. Untuk contoh link itu sendiri seperti ini : Cara Membuat Sebuah Link Pada Website. Silahkan kamu klik tautan tersebut dan hasilnya kamu akan mengunjungi halaman ini lagi. Kamu juga dapat mengarahkan ke situs luar dengan beberapa perintah.

Membuat Sebuah Link Di Website Dengan Teks
Gambang sekali untuk membuat sebuah link pada website dengan teks, caranya cukup masukan kode berikut :
<a href="Tujuan Tautan" title="Judul Achor Tautan">Nama Anchor Tautan</a>
Jika dicontohkan, misal tujuan tautan akan mengarah ke google.com dengan nama anchor Google, maka akan seperti berikut :
<a href="http://www.google.com" title="Google">Google</a>
Dan jika kamu ingin ketika link itu di klik membuka tab baru, kamu tinggal masukan atribut target="_blank" pada link yang dibuat. Jika dikombinasikan akan seperti berikut :
<a href="http://www.google.com" title="Google" target="_blank">Google</a>

Membuat Sebuah Link Di Website Dengan Gambar
Sama gampangnya membuat sebuah link pada website dengan gambar, hampir sama dengan yang teks namun sedikit kita ubah untuk menempatkan atribut gambarnya, kurang lebih seperti berikut :
<a href="Tujuan Tautan" title="Judul Achor Tautan"><img src="Tautan Gambar" alt="Nama Gambar"/></a>
Jika dicontohkan, misal tujuan tautan akan mengarah ke google.com dengan nama anchor Google, dan gambar Google. Maka akan seperti berikut :
<a href="http://www.google.com" title="Google"><img src="http://mobilemarketingwatch.com/wp-content/uploads/2016/05/Is-Google-Searching-for-the-Next-Big-Thing1.jpg" alt="Google"/></a>
Dan jika kamu ingin ketika link dengan gambar itu di klik membuka tab baru, kamu tinggal masukan atribut target="_blank" pada link yang dibuat.  Nah untuk link dengan gambar ini, nama anchor dihilangkan karena hasilnya akan berantakan pada outputnya, meskipun sebenarnya bisa saja dimasukan.

Buka Komentar


EmoticonEmoticon