Menambahkan Gambar, audio, dan video pada HTML

Menambahkan Gambar,audio,dan video pada HTML

1.Tag menampilkan Gambar

  Penambahan pada HTML dapat menggunakan elemen img.Beberapa format gambar yang didukung oleh hampir semua perangkat secara umum,misalnya PNG,JPG,atau GIF.

Atribut untuk menarik gambar dari server penyimpanan tersebut dinamakan Src. Isi dari atribut ini bisa berupa link menuju direktori ataupun nama file gambar.

Contoh :

Jika kalian membuatnya di handphone kalian bisa download apk Dropbox untuk menyalin tautan gambar dari galeri kalian.

Caranya :1).buka apk Dropbox.

                 2).klik tanda "+",lalu pilih "Buat

                     atau unggah file" selanjutnya

                     pilih "Unggah file".

                 3).pilih file yang anda inginkan.

                 4).setelah Ter unggah pilih titik tiga

                     ":" disamping file yang anda 

                     unggah tadi,lalu pilih "salin 

                     tautan".

Setelah disalin,kalian masuk ke aplikasi HTML yang kalian gunakan dan salin ke codingan.

Lalu ubah "www" menjadi "dl".

  Penggunaan atribut alt pada dasarnya bersifat opsional dan berguna untuk memberikan keterangan gambar secara semantik,kita juga bisa menambahkan tinggi dan lebar.Berikut codingannya.

Dan berikut outputnya.

2.Tag menampilkan audio

  Ada tiga jenis suara,yaitu ucapan(speech),musik,dan efek suara.Selain itu,suara juga tebagi dua jenis formatnya, yaitu MIDI dan WAVE.

a.MIDI (MUSICAL INSTRUMENT DIGITAL INTERFACE) identik dengan jenis format suara yang berasal dari instrumentasi alat musik.

b.WAVE identik dengan jenis format musik atau suara berbasis digital.

  Elemen audio digunakan untuk tujuan tersebut sama seperti menggunakan elemen img dengan memberikan nilai tempat menyimpan file audio melalui atribut src.

Untuk memuat dan memutar file audio,kita gunakan tag <audio> dengan struktur dasar seperti ini :

Atau jika kalian menggunakan handphone,kalian bisa mencobanya dengan cara yang sama seperti memasukan gambar,tapi yang kalian pilih nanti file audio.

Berikut outputnya.

Pada Tag <audio> ada beberapa atribut yang bisa digunakan, yaitu :

1).Controls,untuk menampilkan playernya.

2).Loop,untuk mengaktifkan pengulangan jika durasi audio sudah berakhir.

3).Autoplay,untuk langsung memutar audio secara otomatis tanpa mengklik tombol play.

3.Tag menampilkan video

  Penambahan video pada dokumen HTML dilakukan dengan elemen video yang sangat mirip dengan elemen audio.

Berikut ini prosedur untuk menambahkan video.

atau

Kalian juga bisa mengatur lebar (width),dan tinggi (height).Berikut contohnya.

Dan ini adalah outputnya.

Terima kasih.
                     Petani Merah