Page 45 - Modu Web Kelas XI
P. 45
40
4.2. Latihan Soal
1. Sebutkan jenis-jenis link dalam dokumen HTML
2. Bagian apa yang penting dalam tag link?
3. Bagaimana cara menjadikan gambar sebagai link? Berikan contohnya!
4. Jelaskan beberapa tag link berikut ini :
a. <a href="info.html">Informasi Lengkap</a>
b. <a href="www.kemdikbud.go.id">Kementerian Pendidikan dan Kebudayaan</a>
4.3. Latihan Praktikum
❑ Ketikkan script berikut :
<html>
<head>
<title>Wisata Dunia</title>
</head>
<body background=" Bgd.gif">
<p align="center">
<a name="atas"><b><u>Tempat-tempat yang indah didunia </u></b></a>
</p>
<hr>
<p align="left">
Inilah tempat-tempat wisata dunia yang banyak dikunjungi oleh
wisatawan tiap tahunnya.
</p>
<p align="left">Ikuti link pada gambar untuk melihat secara detail.</p>
<p align="left">
<a href=" detail_tempat_wisata.html"><img src="lawu.jpg" width="136" height="95">
</a>
<b>Gunung Lawu</b> : di Propinsi Jawa Timur
<p>
<p align="left">
<b>Hawaii</b> : Terletak di Benua Amerika
<a href=" detail_tempat_wisata.html"><img src=" Hawaii.jpg" width="161"
height="99"></a>
</p>
<p align="left">
<a href="detail_tempat_wisata.html">
<img src="Colouseum.jpg" width="134" height="89"></a>
<b>Colloseum</b> : ada di Romawi
</p>
<p align="left">
<b>Candi Borobudur</b> : Di Jawa Tengah
<a href=" detail_tempat_wisata.html"><img src="Borobudur.jpg" width="132"
height="92"></a>
</p>
<p align="center"></p>
<p align="center">Tersedia paket perjalanan wisata dengan harga mulai 100$ US</p>
<p align="center"><a href="mailto:pesan@travel.com">Pesan sekarang juga</a></p>
<hr>
<a href="#atas">TOP</a>
</body>
</html>
❑ Simpan dengan nama Tempat_wisata.html
❑ Jalankan dari web browser.
Praktikum 2
❑ Buat script berikut dan simpan dengan nama detail_tempat_wisata.html
<html>
<head>
Modul Pemrograman Web SMKN 2 Mojokerto