Anda di halaman 1dari 2

Modul Pemrograman Web 1

BAB IV
MENYISIPKAN GAMBAR, SUARA DAN VIDEO

4.1. Menyisipkan Gambar

Format gambar yang dapat ditampilkan dalam dokumen HTML diantaranya GIF,
JPEG, PCX, PNG, WMF, dan BMP, namun yang hanpir sering dikenal disemua
browser adalah GIF dan JPG.

<img src=” ... ” width= “...” height =” ...”


Alt=” … “ align=” …” title="..." border= ...>

src : nama file gambar


Height : tinggi gambar
Width : lebar gambar
Align : mengatur letak image terhadap teks
(top| bottom| middle| left| right|center)
Alt : menampilkan teks pada saat image tidak dapat tampil
Border : garis tepi gambar

4.2 Menyisipkan Suara

Menyisipkan suara pada halaman web dapat menggunakan embed atau bgsound.
Format suara yang dapat disisipkan diantaranya : .wav, .mid, .mp3, dan .au.

<embed src="filename.ext" width="x" height="x"


autoplay="x" hidden="x" loop="x"
volume="x"></embed>

Contoh :
<embed src="music/davesite.mp3" loop="true" autoplay="false"
width="145" height="60"></embed>

Jika ingin memutarfilesecara otomatis saat halaman web di-load, set


autoplay="true", jika tidak ingin file tersebut diputar secara otomatis, set
autoplay="false". Jika ingin kotak control disembunyikan, gunakan atribut
hidden="true". Biasanya file tersebut akan berhenti bermain setelah selesai, jika

S1 Teknik Informatika
1
Modul Pemrograman Web 1

ingin diputar secara terus menerus atribut loop="true". Volume dapat disetting
dengan atribut volume, nilai dari 1 hingga 100 (default adalah 50). Kotak
mengontrol ukuran yang memainkan suara dapat bervariasi dari browser ke
browser, tetapi beberapa versi dari Netscape tidak akan menampilkan kotak
kecuali ditentukan. (145 dan 60 biasanya baik).

<bgsound src="" loop="">

Contoh :
<BGSOUND SRC="mother.mid" LOOP=5>

Pada beberapa browser bgsound tidak dapat bekerja.

4.3 Menyisipkan Video

<embed src="... " width="..." height="..."


type=”...”>

Contoh :

<embed src="helloworld.swf" type="application/x-shockwave-flash" width="200"


height="200">

4.4 Menampilkan Foto atau gambar pada Tab atau di depan


alamat URL
Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser.
Cara membuat favicon:

1. Buat gambar ukuran 32x32 simpan dengan format gif, jpg, png, dan bmp (pilih salah
satu)
2. Buka http://tools.dynamicdrive.com/favicon/
3. Pada tombol browser pilih gambar yang telah dibuat
4. Klik create icon
5. Klik download favicon, simpan gambar tersebut
Ketik <link rel=”shortcut icon” href=”image/favicon.ico”> letakkan pada bagian <head>

S1 Teknik Informatika
2

Anda mungkin juga menyukai