Cara Memasukan Gambar, Video dan Audio Kedalam HTML

Posted by Unknown on 05.48 with No comments
Cara Memasukkan Gambar, Video, Audio kedalam HTML
1. Memasukkan gambar

Untuk memasukkan gambar kedalam HTML, kita menggunakan tag < img >. Atribut-atribut yang bisa kita gunakan adalah :
  • src untuk bmenunjukkan lokasi file gambar
  • align untuk menentukan posisi gambar
  • height untuk menentukan tinggi gambar dalam pixel ketika di tampilkan di browser
  • width untukmenentukan 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/sohryalfian.jpg" height="120" width="80">

hasilnya akan jadi :















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. Running Away.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 kalau 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>