Pages

Diberdayakan oleh Blogger.

Dasar Pemrograman HTML (link)

Jumat, 03 Mei 2013

Link merupakan salah satu komponen pokok dalam dunia web yang digunakan untuk menghubungkan antar bagian pada halaman web maupun web lain.

Link atau dalam penggunaan pada bahasa Indonesia lebih sering disebut sebagai tautan. Tautan ini memiliki fungsi penting untuk menghubungkan satu halaman web dengan menggunakan sebuah simbol ke halaman web yang lain baik halaman web milik sendiri maupun sebagai link eksternal ke alamat web yang lainnya. Penggunaan link ini memiliki bermacam-macam versi sesuai dengan kebutuhan penggunaan. Dengan simbol yang digunakan bisa berupa teks maupun image. Tag dasar dalam pembuatan link adalah <a href="alamat_link">simbol_link</a>. Beberapa contoh penggunaan link yang biasa dipakai yaitu:

  1. Link pada bagian lain dalam satu halaman, link yang satu ini digunakan untuk menghubungkan antar bagian pada satu halaman web saja. Untuk membuatnya selain kita menuliskan tag link, kita juga harus menandai alamat yang akan dituju dengan menuliskan tag <a name="nama_link_tujuan">deskripsi tujuan</a>.Contoh: link dengan image. Pada contoh ini tujuan link berada pada bagian bawah halaman ini yaitu artikel link dengan image. Contoh penulisan tujuan link 
    dan penulisan simbol link 
  2. Link ke halaman lain dengan simbol dan tujuan berada pada satu folder, untuk link model ini biasa digunakan untuk menghubungkan antar bagian dalam suatu web. Penggunaan link model ini terbilang sederhana karena kita hanya perlu untuk memasukkan nama file suatu dokumen saja. Contoh: klik disini untuk kembali ke halaman HOME. Dengan tag yang digunakan adalah 
    . Dari kode ini yang perlu diperhatikan adalah alamat link pada href pada alamat tersebut, bisa dituliskan hanya nama file saja karena file index.php dan file tempat simbol link berada dalam satu folder.
  3. Link ke halaman lain dengan simbol dan tujuan yang beda folder dalam satu web, maksudnya kita akan memberikan link, namun alamat yang akan dituju dengan simbol link berada pada folder yang terpisah. Contoh: klik untuk lihat gambar ,dengan menggunakan tag 
    . Pada tag tersebut alamat folder disebutkan karena penempatan halaman tujuan dengan halaman simbol link yang berbeda.
  4. Link ke alamat web lain, link eksternal yang digunakan untuk merujuk ke suatu web tertentu. Contoh: referensi web. Untuk membuatnya kita tinggal mengetikkan tag 
    . Dalam penulisannya yang perlu diperhatikan dan membedakan dengan penulisan link yang sebelumnya adalah penulisan (http://nama_web_lain). Penulisan tersebut digunakan untuk menunjuk alamat web yang menjadi tujuan link, karena dalam penulisan alamat web biasa didahului dengan http://
  5. Link ke halaman web lain, berbeda dengan link ke alamat web, untuk model link yang ini kita harus mengetikkan secara lengkap alamat file/halaman yang akan dituju. Contoh: link reference dengan menggunakan tag 
    . Pembuat link ini selain menuliskan nama web juga diikuti dengan menyertakan alamat file yang dituju.
  6. Link ke alamat email, berbeda dengan bentuk bentuk sebelumnya, selain digunakan untuk memberi link pada halaman web, kita bisa menggunakan untuk membuat link pada suatu alamat email tertentu, dengan penggunaan sebagai contoh: oedha@rowang.com untuk kode yang digunakan yaitu 
    yang membedakan dengan link yang ada sebelumya adalah pada penulisan alamat dimulai dengan mengetikkan mailto:alamat_email.

Link dengan image 
Seperti disebutkan diatas, selain menggunakan teks sebagai simbol link, kita bisa juga menggunakan image sebagai simbol link. Untuk membuatnya sebenarnya cukup gampang, kita seperti biasa menuliskan tag link, kemudian pada simbol link kita beri tag untuk memasukkan gambar. Contoh: , gambar tersebut jika diklik maka akan masuk ke halaman muka dari rowang.com, adapun penulisan kodenya adalah 
yang perlu diperhatikan adalah penulisan alamat image pada tag <img src="alamat image">. Pembahasan lebih lanjut tentang image ada bagian tersendiri.

sumber http://www.rowang.com/Pemrograman%20HTML:%20Link.html

Artikel terkait :



Tidak ada komentar:

Posting Komentar

 

Search

Chat Box

Popular Posts