Memasukkan gambar, audio, video
Untuk memasukkan gambar ke dalam dokumen HTML kita, digunakan tag <img>. Atribut-atribut yang biasa digunakan:
- src untuk menunjukkan lokasi file gambar.
- align untuk menentukan posisi dari gambar.
- height untuk menentukan tinggi gambar dalam pixel ketika ditampilkan di browser.
- width untuk menentukan lebar gambar dalam pixel ketika ditampilkan di browser. Apabila tidak disebutkan atribut height dan width, maka ukuran gambar yang ditampilkan di browser akan sama dengan ukuran file.
- hspace untuk menentukan jarak antara gambar dengan text secara horizontal.
- vspace untuk menentukan jarak antara gambar dengan text secara vertikal.
- border untuk menentukan batas-batas pada gambar.
<html> <head> <title> Ini contoh memasukkan gambar dalam dokumen </title> </head> <body> <h2> Contoh memasukkan gambar:</h2> <img src = "lukisan.jpg" vspace = "100" border ="2" align = "right"> </body> </html> |
Tampilan di browser:
Untuk memasukkan audio ke dalam dokumen HTML kita, digunakan tag <embed>. Atribut-atribut yang digunakan:
- src digunakan untuk menentukan lokasi file music
- align digunakan untuk menentukan posisi.
- border digunakan untuk menentukan batas-batas.
- height digunakan untuk menentukan tinggi dari object yang dimasukkan.
- width digunakan untuk menentukan lebar dari object yang dimasukkan.
- hspace digunakan untuk menentukan jarak horizontal antara object dengan text.
- vspace digunakan untuk menentukan jarak vertikal antara object dengan text.
<html> <head> <title> Contoh memasukkan file audio </title> </head> <body> <h2> Ini Contoh memasukkan file audio ke dalam dokumen HTML </h2> <embed src = "pangandaran.mp3" border ="2" align = "right" autostart="false" height = "45" width = "400"> </body> </html> |
Tampilan di browser:
Apabila kita ingin menjadikan lagu "pangandaran.mp3" di atas sebagai lagu latar (background) dalam halaman web kita, maka digunakan tag <bgsound>. Contoh penulisan kode HTML-nya:
<html> <head> <title> Contoh memasukkan file audio sebagai background sound </title> <bgsound src="pangandaran.mp3" loop="-1"> </head> <body> </body> </html> |
Untuk memasukkan video ke dalam dokumen HTML, juga digunakan tag yang sama yaitu tag <embed>
Penulisan kode HTML-nya juga menyerupai penulisan kode HTML untuk memasukkan file audio
Tidak ada komentar:
Posting Komentar