Bab 4 - Membuat Link
Dokumen HTML mempunyai kemampuan
untuk memberikan link dari satu teks dan /
atau gambar menuju ke dokumen atau
bagian lain dalam suatu dokumen
bagian lain dalam suatu dokumen
Browser web akan menyorot teks atau
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
<a href="http://www.eepis-its.edu">Link ke
Link Relatif
Membuat link dari
satu page ke page
lainnya pada
Link Absolut
Membuat link ke
page web lain yang
berada pada web
site lain di internet
<html>
<head>
<title>link</title>
</head>
<body>
<a href="http://www.eepis-its.edu"
site lain di internet
dilakukan dengan
menuliskan nama
URL dan nama
filenya.
<a href="http://www.eepis-its.edu"
>Link ke www.eepis-its.edu</a>
</body>
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
scroll layer berulang-ulang. Untuk
linkbagian.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> <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>
Keterangan :
<a name="isibab1">Bab1</a> :
Memberi nama bagian dalam dokumen
HTML.
HTML.
<a href="#isibab1">1. Bab 1</a> :
Membuat Link untuk window baru
Untuk membuat
link supaya
membuka window
baru dapat
<html>
<head>
<title>link new window</title>
</head>
<body>
membuka alamat website eepis
baru dapat
ditambahkan
atribut :
target=”_blank”.
membuka alamat website eepis
dengan membuka window baru : <a
href="http://www.eepis-its.edu"
target="_blank">www.eepis-its.edu</a>
Mailto
link untuk
menghubungkan ke
sebuah alamat email.
<html>
<head>
<title>Mailto</title>
</head>
<body>
kirim email ke humas PENS
kirim email ke humas PENS
: <a
href="mailto:info@eepis-its.edu">info@eepis-its.edu
</a>
Properties Dreamweaver untuk
membuat link HTML
Keterangan :
contoh : untuk membuat link ke website lain, pada
field link diisikan
http://www.eepis-its.edu
Keterangan :