Page 36 - Modul web baru
P. 36
www.flipbuilder.com www.flipbuilder.com 31 www.flipbuilder.com
MODUL III
Tampilan Multimedia
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
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
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
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
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
hampir semua browser adalah GIF dan JPEG. Untuk menambah gambar digunakan
tag <img src=”nama file gambar”>. Tag <img> mempunyai atribut :
Atribut
Keterangan
Merujuj URL atau direktori file gambar
src
align
Posisi teks di sekitar gambar, nilainya adalah TOP, MIDDLE,
width BOTTOM, LEFT, RIGHT
Lebar gambar dalam pixel
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
Tingi gambar dalam pixel
height
alt
Menampilkan teks pengganti gambar jika gambar tidak dapat
ditampilkan
contoh (save dengan nama gambar.html):
<html>
<head>
<title> Menambah Gambar </title>
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
</head>
<body>
<img src="Gambar.jpg" alt="Gambar" align="middle"><br />
Nama Gambar : Gambar.jpg
Modul Pemrograman Web SMKN 2 Mojokerto
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
