Tagging source Media Attribute Pada Bahasa Pemrograman HTML

Tagging <source> Media Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Pernahkah sobat melihat sebuah gambar pada website secara sistematis, gambar tersebut diletakkan menggunakan pemrograman html terhadap halaman website. Sehingga sobat bisa melihatnya secara langsung di halaman ketika anda sedang mengakses nya.

Nah, salah satu atribut yang dimiliki Tag Source adalah "Media".

Seperti apakah fungsi dari Atribut Media pada Tag Source pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Media - Merupakan salah satu atribut pada pemrograman HTML yang memiliki fungsi untuk mengatur tampilan beserta ukuran sumber daya file yang akan ditampilkan pada halaman website. Untuk ngatur nya anda bisa memanfaatkan beberapa kode css untuk mengaturnya, namun tidak semua kode css bisa digunakan karena hanya menggunakan kode css tertentu saja.

Kode css yang dipakai umumnya dapat berfungsi untuk mengatur ukuran, warna, tekstur, pola dan lain sebagainya.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<source media="media_query">

Penerapan Syntax :

<picture>
 <source media="(min-width: 350px)" srcset="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb28OTASGyzQ8ojLshCLiZwdyMikm8DfkUEymMGvgRgpGrYuJdbmnDbpOJW40EhKj7mznebZW-BtLl5izXaEJJaPXMtCbeV5S-a25ZHYnxWmbbgnKcdysSTfafg9eIKPlzIEQETclxkHqz/s1600/Logo.jpg">
 <source media="(min-width: 265px)" srcset="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb28OTASGyzQ8ojLshCLiZwdyMikm8DfkUEymMGvgRgpGrYuJdbmnDbpOJW40EhKj7mznebZW-BtLl5izXaEJJaPXMtCbeV5S-a25ZHYnxWmbbgnKcdysSTfafg9eIKPlzIEQETclxkHqz/s1600/Logo.jpg">
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb28OTASGyzQ8ojLshCLiZwdyMikm8DfkUEymMGvgRgpGrYuJdbmnDbpOJW40EhKj7mznebZW-BtLl5izXaEJJaPXMtCbeV5S-a25ZHYnxWmbbgnKcdysSTfafg9eIKPlzIEQETclxkHqz/s1600/Logo.jpg" alt="LOGO" style="width:auto;">
</picture>

Value Media Source :

No.	Value	Fungsi
1	media_query	Berfungsi untuk penerapan css kedalam sumber sources.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <source> Tagging ?
Klik disini : Tagging <source> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <source> Media Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <source> Media HTML.
Sekian dan terimakasih.