Selasa, 19 Mei 2015

Cara memasukkan gambar, video, audio ke dalam HTML

1. Memasukkan gambar
Untuk memasukkan gambar kedalam HTML, kita menggunakan tag < img >. Atribut-atribut yang bisa kita gunakan adalah :
  • src untuk menunjukkan lokasi file gambar
  • align untuk menentukan posisi gambar
  • height untuk menentukan tinggi gambar dalam pixel ketika di tampilkan di browser
  • width untuk menentukan lebar gambar dalam pixel ketika di tampilkan di browser, apa bila tidak disebutkan atribut height dan width, maka ukuran gambar akan di tampilkan ke dalama browser dengan ukuran asli file nya
  • 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.
Contoh :
<img src="gambar/arif.jpg" height="120" width="80">
2. Memasukkan Audio
Untuk memasukkan audio kedalam HTML, kita menggunakan tag < embed >. Atribut-atribut yang bisa kita gunakan adalah :
  • 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.
Contoh:
<html>
<head>
<title> Contoh memasukkan file audio </title>
<body>
<h2>
 Ini Contoh memasukkan file audio ke dalam dokumen HTML
<br>
<embed src = "mp3/01. Ada Apa Denganmu.mp3" border ="2" 
autostart="false" height = "45" width = "400"
align="middle"></embed>
</body>
</html>
Apa bila ingin menjadikannya bgsound (Suara latar belakang) dalam halaman web kita maka di gunakan tag < bgsound >
Contoh :
<html>
<head>
<title> Contoh memasukkan file audio sebagai background sound </title>
<bgsound src="pangandaran.mp3" loop="-1">
</head>
<body>
</body>
</html>
3. Memasukkan Video
Dan 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. Hanya saja bedanya di format file nya saja, misalnya jika
format audio: .mp3
format video: .mp4, .flv, .avi dll
Contoh :
<html>
<head>
<title> Contoh memasukkan file video </title>
</head>
<body>
<h3>
 Ini Contoh memasukkan file audio ke dalam dokumen HTML </h3>
<embed src = "video/Ek Pal Ka Jeena.mp4" border ="2" align="middle"
autostart="false" height = "180" width = "400"></embed>
</body>
</html>
</body>
</html>

0 komentar:

Posting Komentar