Langsung ke konten utama

Haikal PG - XI RPL 1 - PWPB Sesi 7

Assalamualaikum Warahmatullahi Wabarokatuh

 Kembali lagi dengan saya, disini saya akan membahas kembali tag-tag pada HTML. Pada HTML juga kita bisa menambahkan seperti audio, video, flash dengan tag yang akan saya bahas kali ini. Kita langsung saja mulai tutorialnya :

Menambahkan Audio
Di HTML kita bisa menambakan audio dengan tag <audio> </audio>. Seperti pada tag img kita juga harus memsukkan sumber lagu dengan attribut src="lagu.mp3". Ada juga attribut untuk memulai musik secara otomatis yaitu autoplay, Attribut untuk controls untuk menampilkan sebuah control spesifik audio, Attribut loop ini untuk mengulang lagu jika lagu sudah selesai.
Berikut tampilannya jika di jalankan di browser :
Tag audio html
Codenya :


Menambahkan Video
Selain menambahkan audio kita juga bisa menambahkan video dengan tag <video> </video> dan jangan lupa masukkan sumber video dengan src="". Attribut nya hampir sama dengan audio ada controls, loop, autoplay ,dll. Kita juga bisa memasang thumbnail dengan tag poster="(source image)". Tampilan jika dijalankan di browser :
Tag video html
Codenya :


Menambahkan Flash
Menambahkan tampilan flash dengan tag <embed>  dan jangan lupa masukkan source nya seperti ini <embed src="flash.swf">
Codenya : 


PRAKTIKUM
Kali ini kita coba mendesain sebuah tabel dan didalamnnya ada multimedia seperti audio, video dan juga biodata kita. Kita analisis dulu tampilannya :
Tampilannya
Hasil analisis dari tabel diatas kita membutuhkan tag audio,video,h1,tabel dan attribut didalamnya.
Langsung saja ini Code nya :


Sekian saja pada pertemuan kali ini, Wassalamualaikum Warahmatullahi Wabarokatuh.




Komentar

Posting Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 9

Assalamualaikum Warahmatullahi Wabarokatuh Dipertemuan kali ini Kita akan masuk ke CSS. Apa itu CSS?, CSS (Cascading Style Sheet) Merupakan salah satu dokumen webstire yang bertujuan untuk mengatur gaya (style) tampilan website. CSS ini ada untuk mempermudah kita mengedit tampilan. Jika di analogikan CSS ini merupakan tampilan luar/ dan HTML kita analogikan sebagai kerangka. Manfaat CSS Kode HTML menjadi lebih sederhana dan lebih mudah diatur Ukuran file menjadi lebih kecil sehingga load file lebih cepat. Mudah untuk mengubah tampilan hanya dengan mengubah file CSS saja Dapat berkolaborasi dengan javascript. dapat digunakan dalam hampit semua jenis web browser. Anatomi CSS Anatomi CSS Pengkodingan CSS CSS memiliki 3 cara pengkodingan yaitu : Inline : Didalam tag html kita bisa menambahkan atribut "style" Embbeded : Didalam satu file yang sama External : Dengan membuat file CSS dan di dalam file html ki...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 21

Assalamualaikum Warahmatullahi Wabarokatuh Khusus pada sesi kali ini kita akan mengadakan 5 study kasus tapi sebelum itu Saya akan menjelaskan struktur kontrol di PHP. Struktur kontrol di PHP sama seperti javascript seperti if, else-if, else dan switch. Jika belum mengetahui struktur kontrol maka lebih baik teman-teman cek materi sebelumnya di javascript yang membahas tentang stuktur kontrol, Langsung saja study kasusnya: Nilai.php Disini kita akan menerima inputan dan menjumlahkan semua total nilai yang ada, ini dia codenya: See the Pen XWromeL by haikal ( @haikul ) on CodePen . dan buat file php dan copy juga code berikut: "; echo "Nilai Total : "; echo $indo + $mtk + $inggris + $jurusan; ?> Jika sudah diisi data-datanya dan dijalankan maka akan tampil seperti berikut: hitungHari.php Kita akan menginputkan number bulan dan menebak berapa hari dalah bulan itu, bingung? simak code berikut: See the Pen bGbOVvM by haikal ( @haikul ) o...
2 komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 38

Assalamualaikum Warahmatullahi Wabarokatuh Halo teman-teman gimana kabarya? semoga sehat selalu ya.. . Pada sesi kali ini kita akan membahas tentang overloading. Overloading Overloading di PHP menyediakan cara agar properti dan method dapat dibuat secara dinamis. Entitas dinamis ini diproses melalui method ajaib yang dapat dibangun di class untuk berbagai jenis tindakan. method overloading dipanggil saat berinteraksi dengan properti atau method yang belum dideklarasikan atau tidak terlihat dalam baris program. Sisa dari bagian ini akan menggunakan istilah properti dan method yang tidak dapat diakses untuk merujuk pada kombinasi deklarasi dan visibilitas tersebut. Semua method overloading harus didefinisikan sebagai public. Contoh overloading dengan isset,unset,set, dan get.: data[$name] = $value; } public function __get($name) { echo "Getting".$name."\n"; if (array_key_exists($name, $this->data)) { return $this->data[$name]; } $tra...
Posting Komentar
Baca selengkapnya