Page 111 - Pemrograman-Web-Semester1

Pemrograman Web Semester 1

c. RANGKUMAN
Menjadikan Gambar sebagai Link

Sejauh ini kita baru mempelajari link yang berupah teks. Kali ini, kita akan
mempelajari bagaimana suatu gambar dijadikan sebagai link ke bagian/dokumen
lain. Konsepnya sebenarnya sama saja. Perbedaannya, anda hanya perlu
mengganti teks yang dijadikan sebagai link dengan tag <img>

Link yang berupa teks:

<a href=”dokumenlain”>teks link</a>

Link yang berupa gambar:

<a href=”dokumenlain”><img src=”NamaFileGambar” /></a>

Contoh :

<a href=”detail-rubicon.html”>

<img src=”images/jeep/rubiconl.jpg” />

</a>
Pada contoh di atas kita menjadikan gambar rubicon1.jpg yang tersimpan di
dalam direktori images\jep sebagai link untuk menuju ke dokumen detail-
rubicon.html.

d. Tugas
 Buat direktori baru dengan nama jeep di dalam direktori images

 Copy file gambar yang akan digunakan ke dalam direktori image\jeep

Catatan: dalam contoh ini penulis menggunakan file rubicon.jpg

 Jalankan aplikasi text editor

97 | P a g e