Skip to content Skip to sidebar Skip to footer
Home / HTML / Web Design

Tutorial Belajar HTML 6 : Membuat Link pada HTML

By Web Design Purbalingga Post a Comment

Membuat Link pada HTML – Pada materi ini kita akan masuk ke materi yang cukup menarik yaitu membuat link pada html. Kegunaan lain dari menambahkan link ke dalam html kita adalah agar kita bisa menyambungkan antara halaman satu ke halaman lain atau pindah halaman.

Membuat Link pada HTML

Tag dalam membuat link pada html adalah dengan menggunakan tag <a> </a>. Tidak sampai di situ, karena jika cuma menggunakan tag <a> maka browser hanya menampilkan tulisan yang akan di klik tapi user tidak akan pindah ke halaman lain. Oleh karena itu, kita butuh atribut lain untuk memasukan link ke dalam html. Atribut yang dibutuhkan adalah atribut href=”nilai”,
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Latihan HTML</title>
</head>
<body>
 <h1>Selamat Datang di Forum Web Design</h1>
 <h2>Tempat belajar dan sharing seputar web design</h2>

 <!-- Membuat Link -->

 <a href="https://www.google.com"> Buka Google </a>


</body>
</html>
- Tag adalah mendefinisikan sebuah link
- Atribut href adalah atribut yang digunakan untuk menambahkan link halaman yang akan dituju
- https://www.google.com adalah link yang akan dituju ketika tulisan Buka Google di Klik

Tampilan dari kode di atas adalah seperti di bawah ini


Contoh di atas merupakan contoh yang apabila user mengklik tulisan Buka Google maka user tetap akan di alihkan ke link yang dituju tapi tetap pada tab dimana ia mengklik sebuah link. Lalu bagaimana jika user mengklik sebuah link dan otomatis membuka tab baru?. Kita membutuhkan atribut baru yaitu target, tambahkan atribut target=”nilai”,
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Latihan HTML</title>
</head>
<body>
 <h1>Selamat Datang di Forum Web Design</h1>
 <h2>Tempat belajar dan sharing seputar web design</h2>

 <!-- Membuat Link -->

 <a href="https://www.google.com" target="_blank"> Buka Google </a>


</body>
</html>
- Atribut target digunakan untuk memberikan pilihan apakah saat link di klik akan tetap berada pada halaman itu atau ia pindah ke tab yang baru.
- Sedangkan nilai _blank adalah memberitahu bahwa saat link di klik maka ia akan otomatis di alihkan ke tab baru dengan tujuan link yang sama. Contohnya seperti ini,

Sekian materi kali ini tentang Membuat Link pada HTML, semoga bermanfaat dan mudah di mengerti. Jangan lupa tinggalkan pertanyaan kalian di kolom komentar jika ada materi yang belum di pahami.

Post a Comment for "Tutorial Belajar HTML 6 : Membuat Link pada HTML"