Membuat hyperlink atau tautan :
- Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat diklik untuk melompat ke dokumen baru atau bagian baru dalam dokumen.
- Bila memindahkan kursor ke suatu link di halaman web, tanda panah akan berubah menjadi tangan kecil.
- Link yang ditentukan dalam HTML menggunakan tag <a>.
- Untuk membuat link ke dokumen lain, dengan menggunakan atribut href
- Untuk membuat bookmark dalam dokumen, dengan menggunakan nama atribut
- Dokumen HTML mempunyai kemampuan untuk memberikan link dari satu teks dan / atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen
- Browser web akan menyorot teks atau gambar yang diidentifikasikan sebagai link dengan warna dan / atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link.
HTML link syntax :
<a href="url">Link text</a>
- kode <a> dan </a> merupakan tag html untuk membuat link.
- href, merupakan suatu attribute yang menunjukan tujuan link (URL).
- link Text merupakan perwakilan dari URL yang bisa berupa text (kata) atau gambar.
yaitu membuat link dari satu page ke page lainnya pada computer yang sama dapat dilakukan dengan
menuliskan langsung nama filenya.
• Contoh :
<html>
<head>
<title>Link Relatif</title>
</head>
<body>
<a href="biodata.html">Biodata</a>
</body>
</html>
Link Absolut
Yaitu membuat link ke page web lain yang berada pada web site lain di internet dilakukan dengan
menuliskan namaURL dan nama filenya.
• Contoh :
<html>
<head>
<title>link</title>
</head>
<body>
<a href="http://www.w3schools.com/">Tutorial HTML</a>
</body>
</html>
Link dengan attribut name
Link ke bagian lain dalam dokumen yang sama, link jenis ini dipakai jika dokumennya terlalu panjang, sehingga apabila ditampilkan di browser akan mengharuskan kita melakukan scroll layer berulang-ulang. Untuk memudahkannya, maka dibuat link antar bagian di dalam dokumen HTML.
Syntax :
<a name=“isibab1">Bab1</a> :
Memberi nama bagian dalam dokumen HTML.
<a href="#isibab1">1. Bab1</a> :
mendefinisikan link isi bab1, jika teks “1. Bab 1”diklik, maka halaman web akan menampilkan bagian
“isibab1”.
contoh :<html>
<head>
<title>Link dalam satu dokumen</title>
</head>
<body>
<p>IsiBab:</p>
<p><a href="#isibab1">1. Bab1</a><br>
<a href="#isibab2">2. Bab2</a><br>
<a href="#isibab3">3. Bab3</a></p>
<p> </p>
<h2><a name="isibab1">Bab1</a></h2>
<p>isi penjelasan bab 1</p>
<h2><a name="isibab2">Bab 2</a> </h2>
<p>isi penjelasan bab 2</p>
<h2><a name="isibab3">Bab 3 </a></h2>
<p>isi penjelasan bab 3.</p>
</body>
</html>
Membuat link di jendela baru
sintaks :
<a href="url" target="_blank">Anchor Text</a>
Jika mengklik sebuah link akan terbuka sebuah jendela b aru pada web browser
Contoh :
<a href="http://w3scholls.com" target="_blank">Tutorial HTML</a>
Mudah-mudahan bermanfaat.
Terimakasih.. tulisannya sangat bermanfaat..
ReplyDeleteMy blog