Halo teman-teman, baik hari ini? Semoga ya. Di postingan sebelumnya kita sudah belajar mengenai HTML: Kutipan (Quotation). Monggo mampir bentar kalo belum, wkwkwkw.
Okeh.. Kali ini kita akan coba belajar mengenai Link.
Apa itu Link?
Link atau biasa dikenal dengan istilah “Tautan” adalah sebuah koneksi berupa alamat yang digunakan untuk menghubungkan antar halaman.
Misalnya : Ini linknya Google
Ketika link diatas diklik, maka akan berpindah halaman dengan alamat www.google.com
🐹 : “Udah ga asing kan sama link?”
Ya, hampir setiap saat ketika kita menggunakan internet, pasti ada saja yang namanya Link. Bahkan, ketika anda mengunjungi blog ini-pun menggunakan Link.
🦁 : “Jika sudah paham, selanjutnya mari kita coba..”
Silahkan buat file baru dengan nama 📄contoh-tautan.html dan struktur dasarnya.
Untuk membuat Link di HTML menggunakan tag <a> dan sebuah attribute href sebagai penampung alamat.
<a href="https://www.google.com">Ini linknya Google</a>
Silahkan simpan dan jalankan.
🐹 : “Mudah aja kan?”
Ada attribute yang bisa dipake pada tag ini yaitu target.
Kita bisa pake nilai _blank. Nanti ketika link di-klik, maka akan membukanya di tab baru.
<a href="https://www.google.com" target="_blank">Membuka link Google di tab baru</a>
Coba disimpan dan refresh lagi halamannya. Bisa?
Nah, coba hubungkan dengan file lokal yang ada di komputer.
Buat file baru dengan nama 📄halaman-baru.html dan buat juga struktur HTML seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Baru</title>
</head>
<body>
<h2>Halo! Ini adalah halaman baru.</h2>
</body>
</html>
Selanjutnya, di file kita sebelumnya (📄contoh-tautan.html), kita buat sebuah link menuju file kita yang baru:
<a href="halaman-baru.html">Ke Halaman Baru</a>
Refresh lagi halamannya, kemudian klik pada tautan yang sudah dibuat.
🐹 : “Berpindah kan?”
Biar makin inget, coba buat link banyak-banyak yang mengarah ke alamat tertentu. Misalnya alamat akun facebook, instagram, atau yang lain.
Jika ada kendala, masukan, hingga saran, silahkan tulis komentar atau mampir di forum yak 🥂