Cara Membuat Link di HTML (Tag a)

Kuy Belajar - Cara Membuat Link di HTML. Assalamualaikum sobat semua, pada kesempatan sebelumnya kita telah membahas Cara Membuat Judul atau Heading di HTML. Pada kesempatan kali ini kita akan membahas tentang membuat link di HTML. Kuy kita mulai saja pembahasannya!

Pengertian Link

Link atau di sebut juga hyperlink adalah sebuah acuan dalam dokumen hiperteks (hypertex) ke dokumen yang lain atau sumber lain. seperti hal nya suatu kutipan di dalam literatur. dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.

Pengertian Link atau dalam bahasa Indonesia disebut dengan tautan adalah tulisan atau gambar yang apabila di klik akan menuju halaman tertentu sesuai dengan yang di tentukan oleh pembuat link. Tujuan kata Hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag <a> untuk keperluan ini.

Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).

Cara Membuat link di HTML

Setelah sobat membaca sedikit ulasan tentang link, marilah sekarang kita mulai praktikkan cara membuat link di HTML, untuk lebih jelasnya kuy simak skrip di bawah ini, seperti biasa silahkan sobat copy dan paste-kan skrip di bawah ini ke teks editor kesayangan sobat, simpan dengan nama lat_link.html


<html>





<title>Kuy Belajar bikin Link</title>



</head>


<body>

<h1>Kuy belajar membuat link</h1>

  <p>Link ini mengarah ke

  <a href="http://kuy-belajar.blogspot.com">blog Kuy-Belajar</a></p>



</html>

Maka akan menghasilkan dokumen HTML seperti pada gambar dibawah ini.

Jenis-jenis link di HTML

Pada HTML terdapat 2 jenis link, yaitu link absolut dan link relatif. Prinsip yang digunakannya sama, yaitu mengarahkan browser ke dokumen tujuan. Namun, untuk setiap jenis link tersebut mempunyai karakteristik, fungsi dan perbedaannya masing-masing.

Untuk lebih jelasnya kuy kita simak ulasan di bawah ini!

Link Absolute

Link absolute merupakan suatu link yang mengarah pada halaman situs web yang berbeda. Jenis link ini memiliki tujuan, yaitu supaya pengunjung dapat memperoleh informasi lebih banyak mengenai tema pada suatu situs web yang mungkin saja pada situs web tersebut belum pernah dibahas atau bahkan tidak ada.

Contoh penggunaan link absolute ini seperti pada Skrip kode yang telah kita gunakan sebelumnya.


<html>




<head>



<title>Kuy Belajar bikin Link</title>


</head>

<body>

<h1>Kuy belajar membuat link</h1>

  <p>Link ini mengarah ke

  <a href="http://kuy-belajar.blogspot.com">blog Kuy-Belajar</a></p>


</html>

Link Relatif

Link relatif adalah suatu link yang menghubungkan satu dokumen dengan dokumen lain yang masih terletak pada situs web yang sama. Untuk penulisan alamat tujuan cukup dengan menuliskan nama dokumennya saja, jadi tidak perlu ditulis secara lengkap. Tetapi, harus diperhatikan juga ekstensi atau format dokumen yang digunakan (misalnya html, php, atau css) karena hal itu sangat berpengaruh.

Untuk lebih jelasnya, mari kita membuat dokumen html baru dengan nama lat_link_1.html dan silahkan sobat copy dan paste kan skrip di bawah ini


<html>





<head>



<title>Kuy Belajar bikin Link</title>


</head>

<body>

<h1>Kuy belajar membuat link Relatif</h1>

  <p>Link ini mengarah ke

  <a href="lat_link.html">file lat_link.html</a></p>


</html>

Maka akan menghasilkan file HTML seperti pada gambar di bawah ini.

dan ketika sobat klik link tersebut, maka sobat akan di arahkan ke file lat_link.html yang sudah sobat buat sebelumnya. Dan perlu sobat ingat, untuk membuat link relatif ini pastikan file yang ingin sobat arahkan itu masih ada di dalam website sobat

Atribut tag <a>: target

Fungsi dari atribut ini adalah untuk memberikan perintah kepada browser agar menampilkan halaman web atau blog ke tempat yang telah di tentukan. Secara default jika tidak menggunakan atribut target, browser akan membuka link pada window/tab yang sama.

Misalnya kita menambahkan perintah target="_blank" pada suatu link, maka jika kita klik link tersebut akan terbuka pada window.atau tab baru pada browser.

Untuk lebih jelasnya mari simak skrip di bawah ini.


<html>




<head>



<title>Kuy Belajar bikin Link</title>


</head>

<body>

<h1>Kuy belajar membuat link</h1>

  <p>Link ini mengarah ke

  <a href="http://kuy-belajar.blogspot.com" target="_blank">blog Kuy-Belajar</a></p>


</html>

Ketika sobat klik link pada file HTML tersebut, maka sobat akan di arah kan ke http://kuy-belajar.blogspot.com dengan membuka tab baru pada browser sobat.

Sekiranya itu lah pembahasan kita tentang cara membuat link di HTML. sekian dulu dari saya "Singkat, Semoga Bermanfaat" Keep Coding ya sobat!