Mengenal Tag Hyperlink

Kegunaan Hyperlink

Bisa dikatakan, keberadaan hyperlink atau link dalam halaman website cukup penting, karena dengan adanya link inilah, pengunjung situs dapat melompat atau berpindah ke halaman lain secara interaktif dan praktis.

Link-link yang terdapat dalam halaman website bisa saja menuju ke suatu halaman website, situs lain, alamat email atau apa saja tergantung keinginan si pembuat halaman website. Dalam HTML, terdapat element anchor dengan tag <a>, yang memuat informasi-informasi mengenai tujuan dan fungsi link-link ini.

Atribut yang digunakan untuk menuju ke suatu tujuan link adalah href. Pada atribut ini diisi nilai yang merupakan url alamat tujuan. Berikut adalah daftar jenis url yang sering digunakan :

Url	Jenis
http://	Web Site
https://	Secure Web Site
FTP://	FTP Server
mailto:	Alamat Email
news://	News Server
gopher://	Gopher Server
file://	File Lokal

Sedangkan untuk pembuatan link suatu teks ke suatu tujuan, dituliskan dengan cara :

<a href="tujuan"> Teks </a>

Teks yang memiliki link, biasanya pada halaman website terlihat sebagai sebuah text yang bergaris bawah dengan warna yang berbeda dengan teks yang lain.

Link Ke Suatu Halaman

Pembuatan link yang menuju ke suatu halaman website yang masih berada pada suatu direktori dengan halaman pemanggil, maka penulisan tujuan cukup dituliskan nama halaman yang di masukkan.

Misal :

<a href="websitecompletecoding.blogspot.co.id"> Link ini ke halama Blog saya </a>

Bila halaman website yang di maksud berada pada direktori yang berbeda, maka perlu di tuliskan mana direktorinya.

Misal :

<a haref="unlimitshared.blogspot.co.id"> Link ini ke Blog saya </a>

Link Ke Suatu Bagian Halaman

Ada kalanya, link-link dibuat bukan diarahkan ke suatu halaman website lain, namun untuk menuju bagian lain pada halaman website tersebut. Untuk keperluan hal ini, maka diperlukan sebuah identifikasi terlebih dahulu bagian mana yang akan menjadi titik tujuan link. Pembuatan identifikasi bisa dikenakan pada suatu teks atau paragraph yang di maksud. Atribut yang dimaksud adalah atribut id.

Sebagai contoh adalah akan dibuat suatu link yang akan menuju ke suatu heading lain pada suatu halaman, agar dikenali, maka heading ini harus diberi nama terlebih dahulu.

Misal :

<h1 id="head01"> Tujuan ke satu </h1>

Kemudian agar link yang anda di buat akan mengarah ke heading ini, maka penulisan linknya adalah sebagai berikut :

<a href="#head01"> link ke heading </a>

Hal yang sama dilakukan bila link diarahkan ke suatu paragraph lain. Bila bagian yang dituju berbeda pada suatu halaman website lain, maka perlu dituliskan nama halaman tersebut terlebih dahulu.

Misal :

<a href="websitecompletecoding.blogspot.co.id#head01"> link ke heading </a>

Link Ke Website

Pada perinsipnya, untuk membuat link ke suatu halaman website, sama saja dengan membuat link ke halama website yang lain. Berbedanya adalah, untuk link ke suatu halaman website, maka perlu dituliskan alamat website yang di maksud secara lengkap.

Misal :

<a href="http://websitecompletecoding.blogspot.co.id/"> Blog David Kuddow </a>

Bila link menuju ke halaman website yang lebih spesifik pada sebuah website, maka perlu di tuliskan nama file halaman website yang di maksud.

Misal :

<a href="http://websitecompletecoding.blogspot.co.id/daftarisi/"> Daftar Isi </a>

Link Ke Email Dan FTP

Berbeda dengan membuat link ke halaman website lain yang perlu menuliskan "http://" pada atribut href-nya, maka untuk membuat sebuah link yank menuju ke alamat email tertentu, menggunakan mailto yang kemudian di ikuti alamat email di maksud.

Misal :

<a href="mailto:shelbyvw@nurulfikri.com"> Email Saya </a>


Bila link ini diaktifkan, biasanya browser akan langsung membuka jendela untuk menulis email baru milik aplikasi client dan menuliskan alamat email tujuan pada kolom tujuan.

Sedangkan contoh untuk membuat link yang menuju ke sebuah server FTP, dapat berupa :

<a href="ftp.webcomplete.org/"> ftm web complete </a>

Membuka Link Pada Jendela Baru

Biasanya, ketika link diaktifkan, maka halaman website yang dituju akan ditampilkan pada jendela browser yang sama dengan halaman website asal. hal ini tentu saja akan merugikan apabila pembuat situs ingin halaman websitenya tetap terbuka meski ada aktifitas membuka link. Untuk menangani hal ini, maka pada definisi link perlu ditambahkan sebuah atribut target dengan nilai _blank.

Misal :

<a href="http://www.blog.com" target="_blank"> Link Blog </a>

Beberapa jenis element HTML lain yang sering digunakan pada sebuah situs adalah berupa form atau halaman formulir dan halaman dengan frame. Kedua jenis halaman ini akan dibahas tersebdiri pada bagian yang lain dalam artikel saya yang akan saya tulis kembali. Sedangkan daftar lengkap tag element dan atribut-atribut, dapat kalian lihat pada arikel selanjutnya.


Link Pada Gambar

Sebuah link dapat diberikan atas dasar gambar yang kita inginkan. Link berupa gambar berlaku seperti halnya link berupa teks.

Contoh Program :

<html>

    <head>
        <title> Belajar Image Di Dalam HTML </title>
    </head>

    <body>
       
         <a href="http://websitecompletecoding.blogspot.co.id/">
       
         <img src="hyperlink.jpg" align="left">
       
         </a>
       
         Klik gambar Lingkaran untuk menuju : <br>
         http://websitecompletecoding.blogspot.co.id
            <!-- Website Complete Coding Blogspot -->
    </body>

</html>

Hasil yang akan di tampilkan pada browser :

Cukup di sini apakah paham mengenal tag hyperlink ini, jika belum mengerti silakan tnggalkan komentar kalian, saya juga bisa terima konsultasi dengan via email, dengan biaya gratis jika kalian ingin belajar membangun sebuah website.

Tweet

Postingan terkait:

— Jumat, 17 Juni 2016 — Add Comment — HTML