PWPB - Pertemuan 7
Assalamua'laikum Wr.Wb
Tampilan Audio
ADRIAN SATRIA PUTRA XI-RPL3
Bila anda tidak dapat mendengar suara, maka kemungkinan browser yang anda gunakan
tidak support dengan format file audionya
atau bisa juga speaker Anda sedang Off :)
Tampilan Video
Bisa kalian simpulkan? Gambar format video awalnya adalah seperti di atas akan tetapi saat di mulai videonya berbeda dengan gambar, atau bisa saja kalian sesuaikan dengan poster video yang saling berhubungan.
Sekian duluu yaa...
Semoga bisa terus bermanfaat dan berguna bagi kalian. Coba di rumah dan pelajari setiap Tag htmlnya yaa...
Semangat belajar coding dan doakan agar SekolahQue bisa terus berkarya:)
Assalamu'alaikum Wr.Wb
Salam sejahtera bagi kita semua...
Balik lagi di SekolahQue, kali ini kita akan belajar coding Html tentang Multimedia & form pada Html. Perhatikan dengan seksama setiap Tag-Tag dan pelajari setiap fungsi pada masing-masing tag Html contohnya Seperti di bawah ini.
(Untuk mengetahui setiap codingan HTML-nya mohon untuk klik setiap judul tugas yang diberi warna biru).
(Untuk mengetahui setiap codingan HTML-nya mohon untuk klik setiap judul tugas yang diberi warna biru).
Dibawah Screen Shot-an codingan ini, disitu terdapat Tag <audio> fungsinya untuk menambahkan audio player di Html, dan disitu terdapat tag <source> fungsinya untuk mengambil atau mencari file Audio mp3 yang telah di pilih. Dan ingat yaa... agar audio muncul kita harus menyimpan data audionya dalam satu folder Html. Jika tidak muncul Audio player, mungkin browser yang Anda gunakan tidak support, tetapi coba saja Anda membuka file html di aplikasi browser yang lain, dibawah ini adalah contoh outputnya.
SCREEN SHOT
Hasilnya adalah seperti di bawah ini:
Hasilnya adalah seperti di bawah ini:
Di Screen Shotan di bawah ini, terdapat Tag <body background> yang fungsinya untuk membuat background web Htmlnya sesuai dengan keinginan sendiri salah satunya menggunakan background foto.
fungsi tag<center> adalah untuk membuat suatu teks atau foto menjadi ketengah.
Fungsi tag<embed> adalah untuk membuat scroll dalam web html. Bila kurang paham bisa dilihat hasil codingan di bawah.
atau bisa juga speaker Anda sedang Off :)
SCREEN SHOT
Hasilnya adalah seperti di bawah ini:
Hasilnya adalah seperti di bawah ini:
Codingan di bawah ini sama seperti Fromat tampilan Audio di atas, akan tetapi perbedaannya adalah jika audio mp3 memakai tag <audio controls> dan jika video menggunakan tag <video controls>.
Jika tidak bisa dibuka format video di html, berarti browser anda tidak support. Mungkin, coba saja Anda buka format html videonya di Browser yang lain. Hasilnya di bawah ini.
SCREEN SHOT
Hasilnya adalah seperti di bawah ini:
Hasilnya adalah seperti di bawah ini:
Nahh...Format tampilan Video dengan thumbnail di bawah ini adalah menampilkan sebuah poster pada video yang kita upload. Sama halnya seperti Format Tampilan Video di atas, tetapi perbedaannya adalah dibawah ini menggunakan attribute poster untuk menampilkan gambar pada awal sebuah video.
SCREEN SHOT
Hasilnya adalah seperti di bawah ini:
Hasilnya adalah seperti di bawah ini:
Bisa kalian simpulkan? Gambar format video awalnya adalah seperti di atas akan tetapi saat di mulai videonya berbeda dengan gambar, atau bisa saja kalian sesuaikan dengan poster video yang saling berhubungan.
Small Web Format (SWF) adalah sebuah tampilan animasi flash pada sebuah web. Biasanya untuk menampilkan format SWF harus menggunakan Adobe Flash Player.
SCREEN SHOT
Hasilnya adalah seperti di bawah ini:
Nahh...Dibawah ini adalah contoh penggunaan Multimedia pada Html. Disini menggabungkan sebuah tabel dengan Multimedia. Fungsi tag <table> adalah untuk membuat sebuah tabel pada Html.
dan border berfungsi sebagai garis tabel. Ingat yaa... jangan sampai ketinggalan tag bordernyaa :).
fungsi tag <tr> adalah untuk mendefinisikan baris pada tabel. sedangkan tag<td> digunakan untuk membat isi dari <th> atau baris. Jadi, jika ingin membuat atau memasukkan sebuah Teks agar dapat berada di dalam tabel harus menggunakan <td>.
SCREEN SHOT
Dibawah ini adalah hasilnya:
Dibawah ini adalah hasilnya:
Sekian duluu yaa...
Semoga bisa terus bermanfaat dan berguna bagi kalian. Coba di rumah dan pelajari setiap Tag htmlnya yaa...
Semangat belajar coding dan doakan agar SekolahQue bisa terus berkarya:)
Assalamu'alaikum Wr.Wb
Komentar
Posting Komentar