Cara Membuat Hyperlink di HTML Terbaru

Cara Membuat Hyperlink di HTML - Hyperlink yang dikenal dengan link adalah link yang menghubungkan antara satu dokumen dengan dokumen lain di HTML.

Tujuan dari Hyperlink adalah membuat sebuah teks atau gambar yang saat ditekan akan mengarahkan anda ke halaman tertentu yang sudah di tetapkan dalam penulisan Hyperlink tersebut.
Hyperlink sendiri ditulis menggunakan atau yang dikenal dengan anchor (jangkar).
ini selalu diikuti oleh atribut href, yang dimana didalam href (Hypertext reference) ini akan diisikan alamat yan dituju saat teks atau gambar ditekan.
Link atau Hyperlink termasuk elemen HTML yang berfungsi untuk menghubungkan antara halaman web dengan wesite yang lain.
Tidak hanya itu, link ini juga berfungsi sebagai Scroll Top, Download File dan menjalankan fungsi javascript dan lainnya.
Nah, pada kesempatan ini kami akan membahas lebih jauh tentang cara membuat Hyperlink di HTML, jadi lanjutkan membaca anda sampai artikel ini habis.

Cara Membuat Hyperlink di HTML

1. Cara Membuat Hyperlink di HTML

Cara Membuat Hyperlink di HTML

Cara membuat Hyperlink di HTML bisa dibuat menggunakan tag dan tag ini harus mempunyai atribut "href" untuk menentukan alamat URL tujuan dari link.

Berikut bentuk sederhananya:
href="http://petanikode.com/">petani kode</a>
href: Atribut untuk menentukan alamat URL tujuan dari link.
Petanikode: Alamat URL tujuan yang akan dibuka ketika link ditekan.
Petani: Teks label untuk link
/: Tag penutup

Contoh: "link"
Hasilnya: Link akan ditampilkan dengan warna biru dan garis bawah, itu adalah Style standar dari setiap browser.
Tentu itu bisa dirubah sesuai dengan selera, anda bisa coba klik link tersebut.
Apakah tampilannya error?
Link yang anda buat tersebut akan membuka halaman "About" namun file tersebut belum anda buat atau belum ada. Itulah penyebabnya error.
Untuk mengatasi hal tersebut, anda harus membuka file "about" dan disimpan dalam satu folder dengan nama file "link".
Silahkan isi file "about" seperti berikut ini:

Tutorial Link di HTML
About us
Ini adalah website yang dibuat dengan link.
Anda bisa membuka halaman dengan mudah dan tinggal klik-klik saja!
Kembali ke halaman link

Sekarang anda bisa mencobanya lagi, yaitu mengklik link yang berwarna biru dan digaris bawahi.
Bagaimana, "link" dan "about" sudah berhasil terhubung bukan? Namun mengapa alamat URL pada artibut "href" masih ditulis dengan nama file?
About us

Seharusnya menggunakan alamat URL yang lengkap menggunakan "http" dan lanjutannya?
Itu karena link yang anda buat adalah internal link dan juga file "about" masih dalam satu folder dengan file "link".
Jadi, anda bisa menuliskan langsung nama filenya tanpa perlu lengkap dengan "http".
Untuk lebih jelasnya, silahkan simak informasi dibawah ini untuk mengenal jenis-jenis link dalam HTML.
2. Jenis-Jenis Link di HTML
Jenis-Jenis Link di HTML
Berdasarkan alamat URL yang dituju, link di HTML dibagi menjadi dua kelompok, yaitu Internal link dan Eksternal link.

Internal Link adalah link yang menuju ke domain atau halaman web itu sendiri.
External Link merupakan link yang menuju domain lain.
Biasanya Internal link dipakai untuk menghubungkan halaman yang satu dengan yang lainnya dalam satu website atau domain.
Sedangkan untuk External link dipakai untuk membuka web domain lain seperti membuka halaman Facebook, membuka Chat WhatsApp, membuka Youtube dan lainnya.
Intinya, selama link itu membuka website lain, maka itu adalah External dan jika tetap membuka web itu sendiri itu adalah Internal.
A. Contoh Internal Link
Buatlah file baru bernama "index" dan isi menggunakan kode berikut:
Tutorial Link di HTML
Selamat Datang
Home |
Contact |
About
Selamat datang, coba klik menu di atas anda akan membuka halaman yang berbeda, semua link di atas adalah internal link.
Copyright © 2020 by Petani Kode