Membuat link di HTML
LINK
Membuat Link
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 ganbar yang diidentifikasikan
sebagai link dengan warna dan / atau garis bawah untuk menunjukkan bahwa itu
adalah hyperteks link.
Tag Anchor
HTML menggunakan tag <a> yang disebut sebagai tag anchor untuk
membuat suatu link kepada dokumen lain.
<a href="http://www.eepis-its.edu">Link ke www.eepis-its.edu</a>
Link ke bagian lain dalam dokumen yang sama
Link jenis ini dipakai jika dokumennya terlalu panjang, sehingga apabila
ditampiklkan di browser akan mengharuskan kita melakukan scroll layer berulang-ulang. Untuk memudahkannya, maka dibuat link antar bagian di dalam dokumen
HTML.
<html>
<head>
<title>Link dalam satu dokumen</title>
</head>
<body>
<p>Isi Bab :</p>
<p><a href="#isibab1">1. Bab 1</a><br>
<a href="#isibab2">2. Bab 2</a><br>
<a href="#isibab3">3. Bab 3</a></p>
<p> </p>
<h2><a name="isibab1">Bab1</a></h2>
<p>isi penjelasan bab 1,isi penjelasan bab 1,isi penjelasan bab
1,isi penjelasan bab 1,isi penjelasan bab 1,isi penjelasan bab
1,isi penjelasan bab 1,isi penjelasan bab 1,isi penjelasan bab
1,isi penjelasan bab 1,isi penjelasan bab 1,isi penjelasan bab </p>
<h2><a name="isibab2">Bab 2</a> </h2>
<p>isi penjelasan bab 2, isi penjelasan bab 2,isi penjelasan bab
2,isi penjelasan bab 2,isi penjelasan bab 2,isi penjelasan bab 2,
isi penjelasan bab 2,isi penjelasan bab 2,isi penjelasan bab 2,isi
penjelasan bab 2,isi penjelasan bab 2,isi penjelasan bab 2</p>
<h2><a name="isibab3">Bab 3 </a></h2>
<p>isi penjelasan bab 3, isi penjelasan bab 3, isi penjelasan bab
3, isi penjelasan bab 3,isi penjelasan bab 3,isi penjelasan bab
3,isi penjelasan bab 3,isi penjelasan bab 3,isi penjelasan bab
3,isi penjelasan bab 3,isi penjelasan bab 3,isi penjelasan bab
3.</p>
</body>
</html>
Keterangan :
<a name="isibab1">Bab1</a> :
Memberi nama bagian dalam dokumen HTML.
<a href="#isibab1">1. Bab 1</a> :
mendefinisikan link isibab1, jika teks “1. Bab 1” diklik, maka halaman web
akan menampilkan bagian “isibab1”.
Membuat Link untuk window baru
Untuk membuat link supaya membuka window baru dapat ditambahkan atribut : target=”_blank”.
<html>
<head>
<title>link new window</title>
</head>
<body>
membuka alamat website eepis dengan membuka window baru : <a
href="http://www.eepis-its.edu" target="_blank">www.eepisits.edu</a>
</body>
</html>
Link Relatif
Membuat link dari satu page ke page lainnya pada computer yang sama
dapat dilakukan dengan menuliskan langsung nama filenya.
<html>
<head>
<title>Link Relatif</title>
</head>
<body>
<a href="biodata.html">Biodata</a></body>
</html>
Mailto
Berikut ini adalah contoh link untuk menghubungkan ke sebuah alamat email.
<html>
<head>
<title>Mailto</title>
</head>
<body>
kirim email ke humas PENS : <a href="mailto:info@eepisits.edu">info@eepis-its.edu </a>
</body>
</html>
Jika file tersebut berada di drive D: link poligon, maka alamat relatifnya menjadi <a href="../D:/link poligon.html”.
Selamat Mencoba
Komentar
Posting Komentar