Selamat datang di HeranAwak.Com

cara Memasukkan gambar, audio, video

Sunday, 7 April 201314comments

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.

  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.
Web hosting
Share this article :

+ comments + 14 comments

2 August 2013 at 22:08

cara masukkan audionya bisa di kasih gambar contoh gk,????

8 September 2013 at 14:30

gan gimana cara mengatasi leptop pada waktu star tiba-tiba mati,,

20 February 2014 at 08:41

oke

Anonymous
28 February 2014 at 08:09

kang numpang nanya kalo masukkan lagunya harus pake internet ga?

25 August 2014 at 07:55

thanks :)

1 September 2014 at 13:28

thanks

11 March 2015 at 08:46

thank yo gan

11 March 2015 at 16:59

Like banget sama blog nya bro:-)

25 April 2015 at 03:22

mau dong bikin blog kaya kakak
keren gila

9 October 2015 at 21:24

bro minta ssintak title yang bisa jalan diatas dong terus ama cara nambahin gambarnya di title

9 November 2015 at 02:16

siip membantu tugas saya :)

15 December 2015 at 07:16

coba di instal ulang gan leptop nya

15 December 2015 at 07:18

wajib mas :D

20 December 2015 at 19:48

Terimakasih, artikelnya bermanfaat banget …

Sekarang ini hampir setiap pekerjaan menuntut kita untuk menggunakan komputer dan berbagai software penunjang. Mulai dari software pengolah kata, angka, program, dan desain grafis. Bingung cara belajarnya? Kunjungi Kumpulan Tutorial Gratis berbagai konten tutorial gratis yang bisa membantu kamu

Post a Comment

 

Copyright © 2011. HeranAwak.com - All Rights Reserved
Template Created by Creating Website Modify by HeranAwak.Com
Proudly powered by Blogger