Cara Membuat Fitur Download Gambar HTML CSS
Hallo sobat program, bertemu kembali dengan saya Rizal dan masih diwebsite Dumetschool. Dikesempatan ini saya akan membuat fitur download, lebih tepatnya fitur download gambar. Dipembahasan ini cukup sangat sederhana karena disini saya akan hanya menggunakan HTML CSS untuk membuat fitur tsb. Dan berikut ini adalah Cara Membuat Fitur Download Gambar HTML CSS.
Dipembahasan ini tidak perlu risau karena caranya sangat mudah sekali. Kenapa ? karena di HTML5 sudah disediakan sebuah attribute khusus untuk download. Dan attribute tersebut kita bisa sisipkan atau tambahkan pada element a atau teman-teman biasa mengenal <a> (tag a).
Di <a> (tag a) ini mempunyai attribute lain selain href dan target yaitu download. Teman-teman bisa lihat contoh kode dasar attribute download pada element a berikut ini :
Setelah kita mengetahui syntax basic atau dasar dari attribute download pada element a, maka langkah berikutnya kita akan mencoba Cara Membuat Fitur Download Gambar HTML CSS. Oke langsung saja, langkah pertama teman-teman buatlah sebuah folder, lalu didalam folder yang tadi buat lagi folder dengan nama images. Lalu kemudian teman-teman letakan file gambar bebas didalam folder images yang tadi. Jika sudah langkah berikutnya buatlah file HTML nya lalu masukan kode HTML seperti pada contoh dibawah ini :
Dari kode diatas teman-teman bisa samakan nama folder serta nama file yang teman-teman miliki, dan langkah terakhir silahkan coba dijalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan menjadi seperti pada contoh dibawah ini :
Sangat mudah ya teman-teman J. Jadi seperti itulah pembahasan kita kali ini tentang Cara Membuat Fitur Download Gambar HTML CSS. Semoga dapat sangat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih