Page 36 - Modul Web
P. 36

31




                                                         MODUL III

                                                   Tampilan Multimedia


                      Tujuan :

                         1.  Menjelaskan format tampilan gambar
                         2.  Menjelaskan format tampilan file audio

                         3.  Menjelaskan format tampilan video dan animasi

                         4.  Menjelaskan format tampilan gambar dengan map
                         5.  Menyajikan format tampilan gambar

                         6.  Menyajikan format tampilan file audio
                         7.  Menyajikan format tampilan video dan animasi

                         8.  Menyajikan format tampilan gambar dengan map


                      3.1.Menambah Gambar

                            Dokumen HTML akan menarik bila ditambah gambar. Format gambar yang dapat
                      ditampilkan : gif,  jpeg,  pcx,  png,  wmf,  dll.  Format  gambar  yang  dikenal  oleh

                      hampir  semua  browser adalah  GIF dan JPEG. Untuk menambah gambar digunakan

                      tag <img src=”nama file gambar”>. Tag <img> mempunyai atribut :
                       Atribut            Keterangan

                       src                Merujuj URL atau direktori file gambar

                       align              Posisi  teks  di  sekitar  gambar,  nilainya  adalah  TOP,  MIDDLE,
                                          BOTTOM, LEFT, RIGHT

                       width              Lebar gambar dalam pixel
                       height             Tingi gambar dalam pixel

                       alt                Menampilkan  teks  pengganti  gambar  jika  gambar  tidak  dapat

                                          ditampilkan

                      contoh (save dengan nama gambar.html):

                      <html>
                      <head>
                      <title> Menambah Gambar </title>
                      </head>
                      <body>
                      <img src="Gambar.jpg" alt="Gambar" align="middle"><br />
                      Nama Gambar : Gambar.jpg


                     Modul Pemrograman Web SMKN 2 Mojokerto
   31   32   33   34   35   36   37   38   39   40   41