Selasa, 03 Juni 2014

UNTUK MEMASUKKAN GAMBAR, AUDIO & VIDEO DALAM KODE HTML

CONTOH CSS

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 :

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 :

Apa bila ingin menjadikannya bgsound (Suara latar belakang) dalam halaman web kita maka di kunakan tag < bgsound >
Contoh :


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 :
Diposting oleh di

34 komentar:

  1. Unknown3 Juni 2014 pukul 16.24

    Mantap sob!!!!
    Thanks infonya

    BalasHapus
  2. Unknown9 September 2015 pukul 18.09

    ko plugun not support ya gan..?

    BalasHapus
    Balasan
    1. NeldoSimanjuntak6 November 2015 pukul 17.14

      dikasih perintah control ka.. supaya video nya bisa dikasih sebuah perintah

      Hapus
    2. Aditya Bagus21 Februari 2017 pukul 16.41

      caranya gimana kak

      Hapus
  3. Unknown14 Oktober 2015 pukul 07.30

    buka di browser lain
    yang lebih update

    BalasHapus
  4. gg26 November 2015 pukul 07.00

    yg backsound gimana sih? kok gk bisa? mohon bantuannya..

    BalasHapus
  5. nobel gila8 Maret 2016 pukul 01.40

    mantap gan

    BalasHapus
  6. Alam2 April 2016 pukul 18.22

    gan, kan itu ada kotak hitam di sekitar audionya... kalo mau ngilangin atau ndesain gimana yah,???

    BalasHapus
  7. Unknown20 Juni 2016 pukul 19.45

    gan kalau tampilannya kotak hitam terus gak muncul gambarnya tapi ada suaranya gimana tuh gan apanya yang salah ??

    BalasHapus
  8. Unknown1 Juli 2016 pukul 15.07

    kok bg soundnya gak bisa ya gan?

    BalasHapus
  9. Unknown1 Juli 2016 pukul 15.09

    kok bg soundnya gak bisa ya gan?

    BalasHapus
  10. Unknown15 September 2016 pukul 09.56

    Gan Ane Berhasil, Makasih Ya Informasinya Soalnya Kebetulan Ane Jurusan RPL, Jadi Web Ini Mempermudah Tugas" Saya ^-^

    BalasHapus
  11. Isi30 September 2016 pukul 15.25

    thank's gan infonya, dari kemaren pengen nyoba masukin video and lagu ke web

    BalasHapus
  12. Ramadhan Khodarul Hakim 19 Oktober 2016 pukul 18.15

    cara bikin buffering gmna kak?

    BalasHapus
  13. Yogha Febriansyah26 Oktober 2016 pukul 09.23

    bisa mungkin slah masukan kode sperti file audio

    BalasHapus
  14. Yogha Febriansyah26 Oktober 2016 pukul 09.23

    bisa mungkin slah masukan kode sperti file audio

    BalasHapus
  15. DZAKY IRSA FADHLURRAHMAN5 Januari 2017 pukul 15.38

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  16. blogger2 Februari 2017 pukul 03.01

    wow Thanks your Information and i share this article
    lagu terbaru
    download mp3

    BalasHapus
  17. Mr.Inu7 Februari 2017 pukul 20.25

    mantap Gan makasih , monggo mampir

    Lowongan Kerja Update

    BalasHapus
  18. Unknown20 Mei 2017 pukul 00.51

    wow Thanks your Information and i share this article and see you
    bagishared koplo
    free jav download

    BalasHapus
  19. blogger10 Juni 2017 pukul 18.26

    mantap gan, thanks Infonya mbah
    Bagisharedcom
    lagushared

    BalasHapus
  20. Raichan Alghafari13 Agustus 2017 pukul 07.44

    I'm so happy now, because the script can be run my web browser.

    BalasHapus
  21. Unknown27 Oktober 2017 pukul 05.01

    bagus buat tambah-tambah ilmu

    BalasHapus
  22. Unknown1 November 2017 pukul 23.25


    Terimakasih atas info dan sharingnya gan semoga bermanfaat bagi semuanya
    KepoKesehatanmu
    ResepKreatifz

    BalasHapus
  23. sukur2 Desember 2017 pukul 17.48

    percetakan paper bag surabaya

    BalasHapus
  24. rudiwahyudi25 Januari 2018 pukul 17.57

    wow Thanks your Information and i share this article
    DOWNLOAD LAGU MP3, LIRIK, DAN ANIME MUSIK
    DOWNLOAD LAGU MP3, LIRIK, DAN ANIME MUSIK

    BalasHapus
  25. rudiwahyudi25 Januari 2018 pukul 17.57

    wow Thanks your Information and i share this article
    DOWNLOAD LAGU MP3, LIRIK, DAN ANIME MUSIK
    DOWNLOAD LAGU MP3, LIRIK, DAN ANIME MUSIK

    BalasHapus
  26. Unknown23 Juli 2018 pukul 00.12

    kalo vidionya ga mau diputar itu kenapa ya min?>...

    BalasHapus
  27. Astuti Ernawati9 Oktober 2018 pukul 19.22

    Keren artikelnya,,sudah lama pengen coba masukan lagu ke web,makasih infonya
    Kunjungi website kampus saya ya http://www.atmaluhur.ac.id
    Dan web blog saya https://astutiernawati.mahasiswa.atmaluhur.ac.id/

    BalasHapus
  28. Syaifudin zuhri13 November 2018 pukul 06.55

    Mantab bro

    BalasHapus
  29. Syaifudin zuhri13 November 2018 pukul 06.56

    Mampir ke gubuk ane ya

    Http://pedangagamaterindah.blogspot.com

    BalasHapus
  30. Randi9626 November 2018 pukul 07.25

    Thanks kak, artikelnya keren dan sangat membantu saya dalam menambahkan gambar, audio dan video pada blog saya.
    Janga lupa kunjungi blog saya https://randi96.mahasiswa.atmaluhur.ac.id/
    dan website kampus saya http://www.atmaluhur.ac.id/

    BalasHapus
  31. Unknown27 Maret 2019 pukul 18.39

    Kontol

    BalasHapus
  32. Anonim7 Desember 2019 pukul 07.46

    thanks bro, you can find Leadership skill in my site
    Baca manga dan manhwa bahasa indo
    Baca Manga Manhwa Bahasa Indonesia
    Download game visual novel
    IshtarBlogger

    BalasHapus

Langganan: Posting Komentar (Atom)