HTML Link
Ketika kalian membaca sebuah artikel pada website, pastinya kalian sudah pernah menemukan text yang disisipkan link. Seperti text "baca disini" "klik disini" yang mana ketika text itu kita klik maka akan menuju website baru atau menuju artikel baru. Nah, inilah yang bisa kita sebut dengan HTML Link. Nantinya kita bisa memberikan atau menyisipkan link pada element-element tertentu sesuai dengan keinginan kita.
Mari perhatikan kode dibawah ini :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><a href="mr-codieng.blogspot.com">Klik disini</a>
maka akan menuju ke website mr-codieng.blogspot.com</p>
</body>
</html>
Kata "Klik disini" telah kita sisipkan link dengan cara menambahkan a href dan masukan link yang akan dituju. seperti itulah cara membuat link pada html.
Link tidak hanya disisipkan pada text atau kalimat, kita juga bisa menambahkan pada gambar atau tombol (button). Hanya dengan menyisipkan kode a href pada element yang akan kita buat link nya.
Kita juga bisa menambahkan attribut pada link, seperti dibawah ini :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><a href="https://mr-codieng.blogspot.com/2021/03/cara-cepat-memahami-html-dengan-mudah.html" target="_blank">Klik disini</a>
maka akan menuju ke website mr-codieng.blogspot.com</p>
<p><a href="https://mr-codieng.blogspot.com/2021/03/cara-cepat-memahami-html-dengan-mudah.html" target="_self">Klik disini</a>
maka akan menuju ke website mr-codieng.blogspot.com</p>
<p><a href="https://mr-codieng.blogspot.com/2021/03/cara-cepat-memahami-html-dengan-mudah.html" target="_parent">Klik disini</a>
maka akan menuju ke website mr-codieng.blogspot.com</p>
<p><a href="https://mr-codieng.blogspot.com/2021/03/cara-cepat-memahami-html-dengan-mudah.html" target="_top">Klik disini</a>
maka akan menuju ke website mr-codieng.blogspot.com</p>
</body>
</html>
Keterangan :
_self - Bawaan. Membuka dokumen di jendela/tab yang sama dengan yang diklik
_blank - Membuka dokumen di jendela atau tab baru
_parent - Membuka dokumen dalam bingkai induk
_top - Membuka dokumen di seluruh badan jendela
Kemudian jika kita ingin user atau orang yang akan mengklik link kita menuju email dan ketika link di sentuh beberapa detik muncu keterangan, maka kodenya seperti dibawah ini :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><a href="mailto:hanyacontohxx@gmail.com" target="_self" title="Link untuk mengirimkan email">Kirim Email</a> disini</p>
</body>
</html>
Maka ketika orang mengklik "Kirim Email" akan otomatis membuka aplikasi gmail/email yang ada di perangkat. Dan ketika orang/user menyentuh link akan muncul keterangan "Link untuk mengirimkan email".
Itulah cara membuat link pada HTML. Jika terasa kurang kalian bisa mencari referensi lain, terimakasih.