Page 99 - Pemrograman-Web-Semester1
P. 99

Pemrograman Web Semester 1








                             Simpan file dengan nama gambar_perkecil.html dan tempatkan kedalam
                               direktori kerja

                             Jalankan file tersebut melalui web browser

                        Sebaliknya, untuk memperbesar gambar tersebut, kita perlu memperbesar nilai-
                        nilai dari atribut di atas, misalnya menjadi 600X420 pixel. Kodenya akan tampak
                        seperti berikut:

                        <img src=”images”/ jeep.jpg” width=”600” height=”440” />

                        Hati-hati dalam memperbesar gambar, jangan sampai gamabar terlihat pecah.
                        Cari nilai-nilai optimal untuk mengubah nilai dari tersebut WIDTH dan HEIGHT.
                        Selamat Mencoba!.

                        Praktikum 4-6: memberi keterangan pada gambar


                             Jalankan aplikasi text editor

                             Copy file gambar yang akan ditampilkan ke dalam D: \MyHTML\ images

                        Catatan : Dalam contoh ini penulis menggunakan file offroad.jpg.

                             Isikan kode berikut:

                        <html>

                        <head>

                               <title>gambar</title>

                        <head>

                        <body>

                        <h2>demo pemberi keterangan pada gambar</h2>

                        <p>arahkan penunjuk mouse anda ke atas gambar dibawah ini untuk melihat
                        keterangan yang dimaksud!</p>

                        <p>

                        <img src=images?offroad.jpg”

                               Title=”offroad – rubicon sedang melintasi sungai” />

                        </p>



                                                                                            85 | P a g e
   94   95   96   97   98   99   100   101   102   103   104