Cara Membuat Link pada HTML

Dalam kebanyakan website atau situs , tentu sobat all4free menemekun banyak link yang tersembunyi dalam suatu kata / teks , yang link tersebut kadang mengarahkan kita untuk mebuka web lain kadang membuka tab baru pada browser. Biasanya link ini diberi warna yang berbeda atau dengan suatu tanda khusus yang dibuat oleh adminnya. Oke kali ini kita akan membuat link tersebut menggunakan HTML .



Tag htmlnya adalah <a> dan disetiap akhirnya harus diberi tanda </a>. Contoh apabila kita membuat link / hyperlink yang menuju kesitus lain adalah :
<a href="http://www.myall4free.blogspot.com">Klik Ke link </a>
jikalau membuat web secara offline tinggal kita rubah tujuan linknya saja , contoh :
<a href="D:\">Drive untuk D </a>

Dan hasilnya pada browser dan apabial sobat all4free klik kata yang berwarna lain , selain hitam . Maka sobat all4free akan ditujukan ke sebuah alamat web atau link lain . Contoh saya klik yang Drive D maka akan tampil semua isi dalam folder drive D .

Oke , sekarang kita akan membuat banyak link yang selalu berikatan . Pertama sobat all4free buat sebuah folder sembarang mau buat apa nama foldernya , setelah itu , kita buat lagi folder di dalam folder tersebut .

Nah buatlah 1 file html pada folder pertama , Contoh :

kemudian ketikan kode link seperti gambar pada file html pertama :

Klik <a href="C:\Users\Hady\Documents\PJ\HTML\New\link 1.html"> Disini untuk ke link 1 </a>

Klik <a href="C:\Users\Hady\Documents\PJ\HTML\New\link 2.html"> Disini untuk ke link 2 </a>

Ket : C:\Users\Hady\Documents\PJ\HTML\New\ adalah lokasi file html untuk link pertama sedangkan link 1.html adalah nama filenya , begitupun yang untuk file ke 2 . Setelah itu silahkan save hasil kerja anda . 

Kemudian masuk ke folder kedua , lakukan pengerjaan yang sama , silahkan perhatikan pada gambar .

Buka file link 1.html , kemudian masukan kode berikut , kemudian save .

Ini adalah Link pertama

Klik <a href="C:\Users\Hady\Documents\PJ\HTML\New\link 2.html"> Disini untuk ke link 2 </a>

Kemudian buka file link 2.html , masukan kode dan save .

Ini adalah Link ke 2

Klik <a href="C:\Users\Hady\Documents\PJ\HTML\New\link 2.html"> Disini untuk ke link 2 </a>

Klik <a href="..\link.html"> Disini untuk awal </a>

Ket : Untuk link ketiga , karena kita ingin membuat sebuah link untuk kembali ke awal maka buat kode dengan tanda titik (.) yang berjumlah 2 buah . Tanda titik tersebut mengartikan kembali untuk ke folder sebelumnya . Setelah itu liat hasilnya atau silahkan tes .

Sedikit tambahan , ada juga link yang dipakai untuk mengirim email , berikut kodenya :

<a href="mailto:myall4free@gmail.com">Kirim Sebuah Email</a>

Ket : myall4free@gmail.com adalah email saya .

Oke sobat all4free, akhirnya selesai juga tahap pengenalan untuk membuat link. Jika anda bermasalah dengan tahap ini , silahkan komentar saja . Jangan sungkan-sungkan , karena kita sama-sama belajar .