Cara Membuat Linking Halaman Menggunakan HTML di Pemrograman Web Dasar

Definisi dan Fungsi Linking :

Secara bahasa linking dapat diartikan sebagai sebuah hubungan antara satu dengan yang lain. Sedangkan linking dalam HTML diartikan sebagai hubungan antara halaman satu dengan halaman lain. Sebuah kata atau kalimat yang difungsikan dengan link yang bernilai halaman lain sehingga halaman baru akan muncul dan dapat diakses. Halaman baru yang dihubunngkan (linked) bisa dari satu website atau juga bisa dari website. Di dalam jaringan internet yang luas, semua halaman website bisa saja saling berhubungan menggunakan teknik linking.

Dari penjelasan di atas, saya harap sobat dapat memahami apa itu linking dan fungsi dari linking itu sendiri. Materi yang akan saya sampaikan hari ini adalah basik-basik pembuatan linking dari halaman satu ke halaman lain. Lalu apakah kita membutuhkan koneksi internet untuk belajar linking ? Jawabannya tidak. Kita akan belajar secara offline supaya sobat tidak mengeluarkan uang untuk membeli paket internet. Hehe

Kita akan membuat link dari beberapa halaman yang berekstensi .htm atau .html yang terletak di satu folder ataupun di folder lain. Linking halaman yang terletak di satu folder atau direktory akan lebih mudah dilakukan dibandingkan dengan linking halaman yang terletak di folder atau direktory lain. Karena melakukan linking halaman di folder lain, sobat harus terlebih dahulu mengetahui hirarki (hierarchy) file halaman tersebut terletak. Untuk lebih jelasnya mari kita mulai materi pada hari ini dengan membaca basmalah terlebih dahulu. Bismillahirrokhmaanirrokhiim..

Linking Halaman Dalam Satu Folder :

• Silahkan sobat membuat satu folder terlebih dahulu. Untuk mempermudah dalam menjelaskan, silahkan beri nama Latihan Linking.
• Kemudian buatlah beberapa halaman html atau file berkstensti .html.
  Saya akan memberikan beberapa contoh halaman yang akan dilinkkan. Silahkan lihat gambar di bawah ini :
  
  
  Halaman yang bernama halamanDepan.html
  
  
  
  Halaman yang bernama tabelAndroid.hmtl
  
  
  
  Halaman yang bernama tabelLaptop.html
  

• Taruh ketiga file tersebut ke dalam folder Lartihan Linking sehingga menjadi seperti gambar di bawah ini :
  
  
  
• Buka salah satu file dari ketiga file yang berada di dalam folder tersebut dengan browser default sobat. Ketiga halama tersebut sudah dilinkkan antara satu dengan yang lain. Silahkan sobat mengeklik kata atau kalimat yang sudah dilinkkan, yaitu kata atau kalimat yang berwarna biru dan bergaris bawah. 

Linking Halaman Dalam Folder Lain :

Linking halaman dalam folder lain terdapat dua kasus. Pertama, halaman yang akan diakses atau dilinkkan terdapat di folder yang berhirarki di bawahnya. Kedua, halaman yang diakses terdapat di folder yang brhirarki di atasnya atau bahkan di folder dengan hirarki yang berbeda. Kita akan menggunakan ketiga file yang telah dicontohkan di atas untuk mempermudah pembelajaran. Namun ketiga file di atas akan kita pindah ke folder yang berhirarki di bawah atau di atas dari file utamanya. Langsung saja kita ke langkah-langkahnya :

• Sobat telah membuat file yang bernama Latihan Linking pada pembahasan sebelumnya. Sekarang coba sobat membuat subfolder di dalam folder Latihan Linking. Misalnya folder dengan nama Lihat Laptop. Kemudian pindahkan file tabelLaptop.html ke folder Lihat Laptop. Sehingga akan tampak seperti gambar di bawah ini :
  
  
  Gambar di atas menunjukkan bahwa folder Lihat Laptop berada di bawah hirarki dari folder Latihan Linking. 
• Sobat sudah mengetahui bagaimana letak folder yang berada di hirarki bawah dari folder tertentu. Yang sering kita kenal adalah subfolder, jadi Latihan Linking sebagai folder utama dan Lihat Laptop sebagai subfolder.
• Lalu bagaimana dengan folder yang berhirarki di atas? Baik, sejenak kita lupakan masalah folder hirarki bawah. Langsung saja sobat membuat folder dengan nama Lihat Android dan satu folder lagi dengan nama Lihat Utama. 
• Pidahkan file tabelAndroid.html ke dalam folder Lihat Android. 
• Pindahkan folder Lihat Laptop dan file hamalanDepan.hml ke folder Lihat Utama. Sehingga akan terlihat seperti ini :
  
  
  Gambar di atas menunjukkan bahwa file tabelAndroid.html berada di suatu folder dengan hirarki lebih atas dari folder dimana file utama berada. File utama yang dimaksud disini adalah halamanDepan.html
• Setelah selesai penempatan semua file ke beberapa folder dengan hirarki yang berbeda. Kita hanya perlu mengedit link yang berada pada ketiga file halaman tersebut. Perhatikan perubahan link tersebut di bawah ini :
  
  Halaman yang bernama halamanDepan.html
  
  
  Halaman yang bernama tabelAndroid.hmtl
  
  
  Halaman yang bernama tabelLaptop.html
  
  
  Keterangan :
  
  Perhatikan perbedaan penulisan link pada ketiga file di atas. Link tersebut akan berbeda dengan link ketiga file pada kasus Linking Halaman Dalam Satu Folder karena tempat ketiga file berada adalah berbeda. Yang perlu sobat perhatikan bahwa setiap link yang diberi tanda "/" (garis miring) menunjukkan pergi ke hirarki di bawahnya satu langkah (folder). Sedangkan tanda "../" (dua titik dan garis miring) menunjukkan pergi ke hirarki di atasnya satu langkah (folder).

Contoh-contoh di atas hanya basik dari pembuatan linking. Silahkan sobat bisa melatihnya dengan cara memindahkan file-file berkestensi .html ke folder lain dan dengan tingkatan hirarki yang lebih rendah ataupun lebih atas. Jika sobat sudah benar-benar memahami dasar-dasar pembuatan link di atas, sobat bisa mencoba latihan dengan menggunakan atribut-atribut di bawah ini :

Tag	Atribut	Deskripsi
<a>	href	Menentukan URL dari halaman yang akan dituju
	name	Menentukan nama dari sebuah anchor
	target	Menentukan dimana link tersebut akan dibuka
	download	Menentukan target yang akan di download ketika user mengeklik di hyperlink yang dibuat
	coords	Menentukan koordinat dari sebuah link
	rel	Menentukan hubungan antara dokumen saat ini dan dokumen terkait
	type	Menentukan jenis media dokumen terkait

Demikian sedikit yang saya sampaikan, semoga bermanfaat dan terimakasih atas kujungannya. :)