Cara Menyisipkan audio di Html

Koniciwa minasan!!!!,
(Ehehehe jadi pake jepang gara" anime nih)
Hai semua, kemarin kan udah bahas cara menyisipkan gambar dan video. Kali ini kita bahas cara menyisipkan audio nya.
Sekarang banyak website-website yang menyediakan audio seperti lagu yang bisa didownload. Nah gimana sih caranya?

Html menyediakan tag audio yang bisa digunakan untuk memasukan audio seperti lagu ke dalam suatu website. Penggunaan elemen audio ditandai dengan pasangan tag <audio>...</audio>. Didalam tag tersebut terdapat elemen source dan dapat ditambahkan teks yang akan ditampilkan.

Pada elemen audio juga terdapat beberapa atribut yaitu:

1. autoplay : berfungsi untuk menentukan bahwa audio akan diputar langsung ketika halaman sudah diload secara otomatis.

2. controls : berfungsi untuk menunjukkan bahwa controls audio ditampilkan seperti player yang biasanya berisi tombol play/pause, slide, volume, dsb.

3. mute : berfungsi untuk mematikan atau mebisukan suara yang ada dalam audio.

4. loop : berfungsi untuk mengulang atau memutar ulang audio.

5. src : berfungsi untuk menunjukkan lokasi penyimpanan file audio atau url penunjuk tempat file.

Tapi pada kali ini penulis akan memberi contoh dengan menggunakan atribut src

Pada atribut src , penulis hanya menuliskan kalimba.mp3 saja karena lokasi file audio nya satu folder dengan file htmlnya. Jika anda menggunakan atribut src langsung pada tag <audio> maka hanya akan ada satu format audio yang digunakan. Dan perlu diketahui tidak semua format didukung oleh semua browser. Agar tetap berjalan makan gunakan format audio yang lebih dari satu dengan menggunakan elemen source.

Oke, saya rasa anda sekarang sudah mulai bisa memahami bagaimana cara menyisipkan audio ke html.

Lakukan apa yang membuat kamu senang

 @enjie_press~

Anatomy CSS

Css memiliki aturan tersendiri dalam penulisan sintaks. Penulisan sintaks terbagi menjadi 3 bagian yaitu:

1. Selector: bagian html yang digunakan untuk mengatur style. Nama-nama yang diberikan untuk style-style yang berbeda baik style internal maupun external. Berupa kelas dan ID. 

2. Property: aturan dalam css yang mengubah selector yang dipilih. Property yang mempunyai nilai disebut value.  Property ditandai dengan tanda { }.

3. Value: merupakan nilai yang ingin kita berikan pada property.

Format penulisan bagian-bagian dari Css dapat dituliskan
Selector{property : value; }
Contoh:
H1{colour : blue; }
↕️   ↕️       ↕️
Selector.      Value
      Property

Jika sesuatu dianggap penting maka tiada alasan yang bisa menghalanginya
@enjie_press~

Pengenalan CSS

Pengertian Css
Css adalah singkatan dari Cascading Style Sheet. Biasa digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa mark up. Css digunakan untuk mengontrol format tampilan sebuah halaman web yang dituliskan dengan menggunakan penanda (markah). Css juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda beda pula.

Tujuan Css
Css dikembangkan untuk membedakan antara konten dengan style/tampilan konten. Dengan adanya css maka design konten akan mudah dibedakan. Maka dari itu, waktu pembuatan konten dapat diminimalisir dan dapat dengan mudah melakukan pengulangan style yang sama pada konten tertentu.

Fungsi Css
Css digunakan untuk mendesain, merancang, merubah dan membentuk halaman web lebih menarik dan sederhana sesuai fungsinya.

Cara Kerja Css
Pembuatan Css ini sebenarnya mudah caranya. Ketika anda membuat halaman html tinggal klik new page dengan ekstensi .css dan pada htmlnya di beri link menuju halaman cssnya. Pada css kita dapat merubah style sesuai yang diinginkan.