PEMROGRAMAN WEBSITE

DAN
PERANGKAT BERGERAK

KELAS XI
REKAYASA PERANGKAT LUNAK
Pertemuan 6
Guruh Panji Alam, S.Kom
SMK BPPI BALEENDAH
MEMAHAMI FORMAT MULTIMEDIA PADA
HALAMAN WEB
 Format Gambar pada Halaman Web

Gambar memiliki beberapa format yang dapar digunakan dalam halaman web
yaitu jpg, png, dan gif.

Untuk menambahkan gambar pada HTML, kalian dapat menggunakan tag

img. Tag img merupakan sebuah tag yang bersifat self-contained, yaitu tidak
memiliki tag penutup. Tag img memiliki atribut src yang berisi nama file atau URL
dari gambar yang dilampirkan pada halaman web.

Berikut adalah kode program untuk melampirkan gambar.

<img src=“nama_file” />

 Format Audio pada Halaman Web

Tidak semua web browser dapat mendukung format audio. Berikut ini adalah
daftar web browser berserta file audio yang didukungnya.
1. OGG merupakan format audio yang didukung oleh Mozilla Firefox, Opera, dan
Google Chrome.
2. MP3 merupakan format audio yang didukung oleh seluruh web browser.
3. WAV merupakan format audio yang didukung oleh seluruh web browser
kecuali Internet Explorer.
Berikut adalah kode program untuk melampirkan gambar.

<audio controls>
<source src=“nama file” type=“audio/mp3”
</audio>

Contoh kode program Audio Hasilnya

 Format Video pada Halaman Web

Tidak semua web browser dapat mendukung format video. Berikut ini adalah
daftar web browser berserta file video yang didukungnya.
1. OGG merupakan format video yang didukung oleh Mozilla Firefox, Opera, dan
Google Chrome.
2. MP4 merupakan format video yang didukung oleh seluruh web browser.
3. WebM merupakan format video yang didukung oleh Mozilla Firefox, Opera,
dan Google Chrome
Berikut adalah kode program untuk memasukan video pada halaman web.

height=“240”

Hasilnya
TUGAS MINGGU 6

Buatlah Coding seperti

gambar berikut, dan
masukan gambar, audio,
video.
 Salin dan isi soal berikut di buku
kalian, fotokan hasilnya dan
kumpulkan/kirim di google classroom yang
sudah tersedia

Batas pengumpulan sampai jam 17.00

tanggal 29 Agustus 2020
SELAMAT MENGERJAKAN