Jika kamu mengunjungi suatu website, tentu kamu akan menemukan banyak hyperlink di dalamnya. Contohnya jika kamu klik menu artikel, maka kamu akan diarahkan langsung ke artikel tersebut. Nah itulah yang dinamakan dengan hyperlink. Jadi dapat kita simpulkan bahwa fungsi dari hyperlink adalah mempermudah pengunjung website untuk menemukan sesuatu yang dicari oleh pengunjung website.
Itulah yang dimaksud dan fungsi dari hyperlink pada sebuah website. Sekarang kita akan langsung mencoba membuat hyperlink dalam html. Sebelum memulainya, kita harus mempersiapkan bahan - bahan nya. Untuk membuat hyperlink dalam html, kita bisa menggunakan tag <a href="linktautan"> Nama Website </a>. Bagaimana cara membuat hyperlink dalam html ? Berikut ini adalah contoh codingan untuk membuat hyperlink dalam html.
<!DOCTYPE html>
<html>
<head>
<title> Hyperlink dalam Html </title>
</head>
<body>
<a href="https://nusapixeldigital.blogspot.com"> Kunjungi Blog Saya </a>
</body>
</html>
style="text-decoration: none;"
Kita hanya perlu menambahkan atribut style pada tag <a> nya.
Contoh lengkapnya seperti dibawah ini<!DOCTYPE html>
<html>
<head>
<title> Hyperlink dalam Html </title>
</head>
<body>
<a href="https://nusapixeldigital.blogspot.com" style="text-decoration: none;"> Kunjungi Blog Saya </a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title> Hubungi Saya Melalui WhatsApp </title>
</head>
<body>
<a href="https://wa.me/+6281234567899"> WhatsApp </a>
</body>
</html>
Kamu bisa mengganti nomornya menggunakan nomor WhatsApp masing masing.
Jika menurut kalian tampilan nya kurang menarik, kalian bisa menambahkan codingan css nya tambahan lainnya. Misalnya disini saya coba menambahkan beberapa codingan css agar terlihat seperti Button. Codingan nya seperti dibawah ini.<!DOCTYPE html>
<html>
<head>
<title> Hubungi Saya Melalui WhatsApp </title>
</head>
<body>
<a href="https://wa.me/+6281234567899" style="background-color: #ffffff; text-decoration: none; border-radius: 3px; border: solid #0000ff; padding: 10px;"> WhatsApp </a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title> Hubungi Saya Melalui Email </title>
</head>
<body>
<a href="mailto:emailkamu@gmail.com"> Email </a>
</body>
</html>
Pada bagian email@gmail.com bisa kamu ganti dengan email masing masing.
Jadi ketika seseorang klik tulisan email tersebut, maka otomatis akan mengarahkan ke email. Itulah tutorial cara membuat hyperlink dalam Html. Jika memiliki saran dan kritik, sampaikan melalui kolom komentar dibawah.