Jumat, 08 Februari 2013

Memasukkan gambar, audio, video


Untuk memasukkan gambar ke dalam dokumen HTML kita, digunakan tag <img>. Atribut-atribut yang biasa digunakan adalah sebagai berikut :



  1. src untuk menunjukkan lokasi file gambar.
  2. align untuk menentukan posisi dari gambar.
  3. height untuk menentukan tinggi gambar dalam pixel ketika ditampilkan di browser.

  4. 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.

  5. hspace untuk menentukan jarak antara gambar dengan text secara horizontal.

  6. vspace untuk menentukan jarak antara gambar dengan text secara vertikal.

  7. 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:
  1. src digunakan untuk menentukan lokasi file music
  2. align digunakan untuk menentukan posisi.
  3. border digunakan untuk menentukan batas-batas.
  4. height digunakan untuk menentukan tinggi dari object yang dimasukkan.
  5. width digunakan untuk menentukan lebar dari object yang dimasukkan.
  6. hspace digunakan untuk menentukan jarak horizontal antara object dengan text.
  7. 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:

Poskan Komentar