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
   40   41   42   43   44   45   46   47   48   49   50