Page 34 - Modu Web Kelas XI
P. 34

29



                                                         MODUL III
                                                   Tampilan Multimedia

                          Kompetensi Dasar


                      3.3  Menerapkan tampilan format multimedia pada halaman web
                      4.3.  Membuat kode html untuk tampilan format multimedia pada halaman web





                          Tujuan Pembelajaran

                               Menjelaskan format tampilan gambar
                      4.2.   1.   Membuat kode html teks untuk menampilkan teks dalam format tertentu pada halaman web
                          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
   29   30   31   32   33   34   35   36   37   38   39