Otak Coding
Source Code Aplikasi & Template Lengkap

HTML Part 9 Membuat Link  Atau Hyperlink Pada HTML

HTML Part 9 Membuat Link Atau Hyperlink Pada HTML

  • HTML

Membuat Link  Atau Hyperlink Pada HTML

link atau sering di sebut hyperlink yang berfungsi untuk menghubungkan antara satu document dengan document lainnya, hyperlink pada html berfungsi sebagai tag pengalihan halaman seperti jika kita ingin  mengklik iklan di samping dan lihatlah halamanya akan di alihkan ke tab yang baru di situ lah salah satu fungsi link/ hyperlink  pada html di gunakan .


Cara Membuat Link/ Hyperlink HTML

hyperlink sendiri di sebut dengan "ancor link" atau di singkat dengan tag <a> biasanya ancor ini di ikuti dengan yang namanya atribut <a href=" " > atribut ini berfungsi sebagai link yang kita isikan untuk pengalihan documentnya.

cara membuat link html sangat lah mudah kita hanya perlu mengunakan tag <a>

hyperlink pada html

<a href="otakcoding.com"> Klik Disini </a>

ini adalah cara memanggil halaman lain pada HTML dan perhatikan pada halaman tersebut  jika kalian klik pada "klik disini" maka akan di alihkan ke halaman otakcoding.com.

Jenis Hyperlink pada HTML

setelah tadi kita tau cara memanggil halaman lain pada html yaitu menggunakan ancor link <a> sekarang kita masuk dalam jenis hyperlink yang sering digunkan oleh para web developer yaitu alamat absolute dan alamat alternatif.

Alamat absolute

adalah cara memanggil halaman lain pada html dengan cara yaitu penulisan alamat di sertai dengan alamat websitenya contoh.

<!DOCTYPE html>
<html>
<head>
	<title>membuat hyperlink pada html</title>
</head>
<body>
<h1>MEMBUAT HYPERLINK BY <a href="www.otakcoding.com"> OTAKCODING.COM</a></h1>
</body>
</html>

coba codinger klik link tersebut pasti akan di alihkan ke halaman www.otakcoding.com , itu lah cara membuat link html mengunakan jenis  alamat absolute.

Alamat Alternatif

adalah cara memanggil halaman lain pada html dengan cara memangil file yang berada di dalam satu aplikasi (folder) , seperti misalakan saya sekarang akan memanggil halaman table.html, sekrang yang perlu saya lakukan adalah mesukkan file table.html kedalam atribut yang berada di dalam ancor link seperti berikut cara membuat hyperlink pada html

<h1> Belajar HYPERLINK BY OTAKCODNG.COM <a href="table.html">Klik disini</a>

itu adalah hyperlink pada html yang mengunkan metode alamat alternatif, dan sekarang langsung saja kita akan membuat contoh alamat alternatif.

<!DOCTYPE html>
<html>
<head>
	<title>membuat hyperlink pada html</title>
</head>
<body>
<h1>MEMBUAT HYPERLINK BY <a href="table.html"> OTAKCODING.COM</a></h1>
</body>
</html>

dan coba sekarang codinger klik pada linknya dan akan di alihkan ken file table.html

itulah yang di namakan hyperlink pada html 

Kesimpulan
cara membuat link html sangat lah mudah yaitu dengan cara membuat tag ancor link <a> kemudian kita medeklarasikan atribut di dalam yaitu <a herf=" isi_atribut"> dan masukkan isi atribut ke dalam href tersebut.

jenis hyperlink pada html ada dua jenis yaitu alamat alternatif dan absolute, alamat alternatif adalah cara memanggil halaman lain pada html yang memangil file dari aplikasi tersebut. dan alamat absolute adalah cara memanggil halama lain pada html dengan cara megisikan url wesite laink ke dalam href.