Cara Menyisipkan Gambar, Suara, dan Vidio Pada Halaman HTML

Menyisipka gambar, suara, dan video ke html

mempercantik halaman web dengan cara Menyisipkan Konten Multimedia ke Halaman HTML tentunya akan membuat WEB anda menjadi lebih menarik. orang yang berkunjung ke situs anda akan menjadi lebih nyaman dengan di sajikannya konten yang menghibur dan unik.

tetapi Menyisipkan Gambar, Suara, Atau Video Pada HTML yang berlebihan akan membuat loading web anda menjadi sangat berat, pengunjung pun akan menjadi terganggu karena konten pada situs anda tidak kunjung muncul karena loadingnya yang lama. apa lagi di jaringan yang lemah.

Memasukan Konten Multimedia ke Halaman HTML

WEB yang menarik banyak pengunjung adalah web yang menyajikan konten yang fresh dan menarik. maka dari itu menambahkan beberapa konten multimedia sepeti Gambar, Suara, atau Video sangatlah perlu. tetapi tidak boleh berlebihan. dan disini saya akan menjelaskan bagaimana cara menambahkannya.

Memasukan Gambar Pada HTML

untuk mempercantik halaman web tetapi tidak membuat loading terasa berat, saya menyarankan gunakan gambar yang sudah di kompres. gunakan gambar yang ukurannya kecil MAX 100kb. untuk mengkompresnya kalian bisa menggunakan software atau tools online seperti https://ezgif.com/ atau tinypng.com. dan cara menyisipkan gambar ke HTML adalah sebagai berikut:

<img src=” ... ” width= “...” height =” ...”
Alt=” … “ align=” …” title="..." border= ...>
Keterangan :

  • src, lokasi dan nama gambar. jika file html di dalam 1 folder yang sama gunakan nama file gambarnya saja. format gambar yang bisa digunakan GIF, JPG, JPEG, PNG, WMF, dan BMF.
    contoh: src="folder/nama_file_gambar.jpg"
  • width, lebar gambar.
    contoh: width="100px", atau width="75%"
  • hight, tinggi gambar.
    contoh: hight="100px", atau hight="75%"
  • alt, menampilkan teks pada saat gambar tidak bisa di tampilkan.
    contoh: alt="Ini Gambar Kucing"
  • align, letak image atau gambar (top/bottom/middle/left/right/center)
    contoh: aligh="center"
  • title, memberikan judul untuk gambar. pada saat kursor di arahkan ke image maka teks akan muncul.
    contoh: title:"Freak Progranner"
  • border, garis tepi pada gambar.
    contoh: border="1px"

Memasukan Suara Pada HTML

untuk Menyisipkan Suara Pada HTML kalian bisa menggunakan tag embed atau bgsound. format suara yang dapat kalian gunakan antara lain: .wav, .mid, .mp3 dan .au.
format tag untuk memasukan suara:

<embed src="filename.ext" width="x" height="x" autoplay="x" hidden="x" loop="x" 
volume="x"></embed>
contoh:
<embed src="music/Kalimba.mp3" loop="true" autoplay="false" width="145" 
height="60"></embed>
jika kalian ingin memutar lagu secara otomatis jika browser dibuka, kalian bisa mengganti tag autoplay="false" menjadi autoplay="true". untuk menyembunyikan kotak kontrol gunakan attribute hidden="true". biasanya ketika lagu akan berhenti sendiri jika sudah selesai, kalian bisa menambahkan attribut loop="true" agar suaranya akan di ulang terus menerus.
dan untuk tag bgsound kalian cukup mengganti tag embed menjadi bgsound.

Memasukan Video Pada HTML

sama seperti cara memasukan suara, menyisipkan video ke dalam web bisa menggunakan tag embed.
contoh:
<embed src="helloworld.swf" type="application/x-shockwave-flash" width="200"
height="200">


nah itu dia tadi Cara Menyisipka Konten Multimedia ke dalam HTML. caranya cukup mudah bukan ? perlu kalian ketahui, hal ini akan menambah daya tarik pengunjung jika penggunaan dan peletakannya sesuai dan tidak berlebihan. perlu diigat bahwa akan memberatkan web jika penggunakan konten multimedia yang berlebihan.

You might also like

0 Comments

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & P*RN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan
EmoticonEmoticon