Cara Membuat Sebuah Link (Hyperlink) Di Website

Berbagi Pos

Ayo bagikan informasi mengenai Cara Membuat Sebuah Link (Hyperlink) Di Website ini ke teman-teman kamu di sosial media, gunakan tombol share dibawah ini.

Whatsapp Facebook Twitter
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 Link Di Website Dengan Teks
Gampang 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 brotutor.net dengan nama anchor Brotutor, maka akan seperti berikut :
<a href="http://www.brotutor.net" title="Brotutor">Brotutor</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.brotutor.net" title="Brotutor" target="_blank">Brotutor</a>


Membuat 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 brotutor.net dengan nama anchor brotutor, dan gambar brotutor. Maka akan seperti berikut :
<a href="http://www.brotutor.net" title="Brotutor"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNbeoBd60FLm_6TR9n4tdvZaTU-nsJ3uxCRavYYqluMpKlYGkqR33h5Awe981LDLpaIu7sEi7CXM5whi-LnGiVBpki85TXGuBdWRiu1CVeJt-B3eyEEhGJ_T109MhWX2JoNoZW1SVdo2w/s1600/BROTUTOR.png" alt="Brotutor"/></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.
https://www.brotutor.net/
Copyright © Brotutor - All Right Reserved