Memasukkan Gambar, Audio, Video

 

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

    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.

 

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

 

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

 

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

 

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

</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
Penulisan kode HTML-nya juga menyerupai penulisan kode HTML untuk memasukkan file audio.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s