1. Home
  2. read
  3. Tutorial HTML Part 11 : Cara Membuat Hyperlink pada HTML

Tutorial HTML Part 11 : Cara Membuat Hyperlink pada HTML



Tutorial HTML Part 11 : Cara Membuat Hyperlink pada HTML


Hyperlink       

Hyperlink atau juga biasa disebut Link yaitu menghubungkan Halaman dari satu ke yang lainnya. Tujuan dari link adalah membuat sebuah teks atau gambar yang dapat di klik dan dihubungkan ke suatu halaman tertentu.

Hyperlink / link sendiri ditulis dengan tag <a> atau anchor (jangkar). <a> ini mempunyai atribut href atau hypertext reference untuk meletakan url link yang dituju. Bentuk penulisan hyperlink adalah <a href="#"> :

Contoh :

<a href="https://www.codekop.com/">Home Codekop</a>

hasil :

Home Codekop

Ketika kita Klik ditulisan Home Codekop Maka akan dialihkan ke Halaman https://www.codekop.com/.

Link Absolute dan Link Relatif

Ada 2 Jenis penggunaan alamat yang terdapat pada hyperlink yaitu Link Absolute dan Link Relatif.

1. Link Absolute

Link absolut adalah penulisan alamat file dengan menyertakan nama website.

Contoh :

<a href="https://www.codekop.com/read/30/tutorial-html-part-10-membuat-daftar-list-pada-html/ ">Membuat Daftar List pada HTML</a>
<a href="https://www.codekop.com/">Home Codekop</a>

2. Link Relatif

Dibuat apabila anda membuat suatu link pada page anda ke page lain pada komputer yang sama, jadi tidak memerlukan menggunakan alamat internet yang lengkap. Jika kedua page pada direktori yang sama, anda dapat menuliskan nama file html sebagai berikut:

<a href="page7.html">halaman 7</a>

 

Keterangan : untuk membuat Link Relatif hal perlu diperhatikan adalah jika file tersebut dalam 1 folder maka kita dapat memanggilnya dengan Link Relatif. Jika diluar folder maka opsinya kita pakai adalah Link Absolute yaitu dengan memanggil alamat file dengan menyertakan nama website atau induk folder yang kita tuju.

Tutorial Selanjutnya adalah : Tutorial HTML Part 12 : Cara Membuat Form pada HTML



Fauzan Falah

Penulis https://codekop.com/ , http://maswin.id/ | Github : https://github.com/fauzan1892/ | portfolio : https://fauzan.codekop.com/

Profil Penulis Semua Postingan


Komentar