Friday, July 6, 2018

Tagging area Download Attribute Pada Bahasa Pemrograman HTML

Tagging <area> Download Attribute Pada Bahasa Pemrograman HTML




Tagging <area> Download Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Sebelumnya sobat tentunya sudah pernah mempelajari tentang salah satu tag bahasa pemrograman HTML yaitu <area>, yang mana tag tersebut dapat menyeleksi bagian konten gambar yang dimaksudkan agar pada saat pengunjung ingin menyeleksi dengan klik mereka maka klik tersebut bisa tepat sasaran sehingga bisa sampai pada halaman atau gambar yang dimaksud tersebut.

Pada kesempatan ini saya akan menerangkan tentang salah satu atribut yang dimiliki oleh tag <area>.

Seperti apakah fungsi dari Atribut Download pada tag Area pada HTML ?

Simak ulasan di bawah ini untuk mengetahuinya,

Download - Adalah sebuah atribut yang digunakan untuk mendeklarasi jenis konten data file yang dimuat pada tagging <area>, tagging ini biasanya banyak dimanfaatkan oleh berbagai administrator ataupun blogger mereka yang memiliki jenis konten file downloader.

Tanpa adanya atribut ini mungkin pengunjung hanya bisa mengunjungi file tersebut saja atau harus mengunjungi pada situs downloader agar mereka bisa mendapatkan file yang dimaksud, setelah adanya atribut ini maka pengunjung sudah tidak perlu di repot kan lagi karena hanya tinggal menekan satu klik saja pada gambar selektor untuk mendapatkannya. Selain itu atribut ini juga mendukung semua jenis file yang ada di dalam server.

Tak hanya itu saja, administrator juga dapat mengubah nama file ketika pengunjung ingin mendownload file yang dimaksud. Akan tetapi featuring ini justru banyak sekali digunakan oknum, padahal fungsi utamanya adalah untuk mendukung serta memudahkan kinerja admin tanpa harus me-rename nama file di dalam server.

Berikut ini adalah coding penerapan pada webiste :


Syntax :

<area href="URL_Image" download="filename">

Penerapan Syntax :


<p>Klik salah satu planet untuk melihat salah satu dari ketiga gambar planet sepenuhnya pada gambar dibawah ini :</p>
<img src="https://3.bp.blogspot.com/-TmynqthXq3Q/WyoZWt7Rz5I/AAAAAAAAD8Y/sGMM3k2LkzQXMgaut5cV5GaqYvx2HBf7QCLcBGAs/s1600/planets.gif" alt="Planet" usemap="#mapping">
 <map name="mapping">
  <area shape="rect" coords="0,0,82,126" href="https://1.bp.blogspot.com/-ErP_ApaGk8I/WyoZW6B3UwI/AAAAAAAAD8c/vW0N-A8yPZUJLFY26eupIhct8pwgtRomwCLcBGAs/s1600/sun.JPG" alt="Matahari" download>
  <area shape="circle" coords="90,58,3" href="https://1.bp.blogspot.com/-VKxEyUV-284/WyoZWlTclzI/AAAAAAAAD8U/l773nn2xB5k76g5mQ1guiJ9NTRWJiQpZwCLcBGAs/s1600/mercur.JPG" alt="Mercurius" download>
  <area shape="circle" coords="124,58,8" href="https://1.bp.blogspot.com/-LBp015VoBIQ/WyoZXu9bI9I/AAAAAAAAD8g/_3INUeAEBW4UvF8B0Ni_pN21icmLWtZmgCLcBGAs/s1600/venus.JPG" alt="Venus" download>
 </map>
<p><b>Catatan : </b>Atribut Koordinat ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>

Atau

<p>Klik salah satu planet untuk melihat salah satu dari ketiga gambar planet sepenuhnya pada gambar dibawah ini :</p>
<img src="https://3.bp.blogspot.com/-TmynqthXq3Q/WyoZWt7Rz5I/AAAAAAAAD8Y/sGMM3k2LkzQXMgaut5cV5GaqYvx2HBf7QCLcBGAs/s1600/planets.gif" alt="Planet" usemap="#mapping">
 <map name="mapping">
  <area shape="rect" coords="0,0,82,126" href="https://1.bp.blogspot.com/-ErP_ApaGk8I/WyoZW6B3UwI/AAAAAAAAD8c/vW0N-A8yPZUJLFY26eupIhct8pwgtRomwCLcBGAs/s1600/sun.JPG" alt="Matahari" download="Matahari">
  <area shape="circle" coords="90,58,3" href="https://1.bp.blogspot.com/-VKxEyUV-284/WyoZWlTclzI/AAAAAAAAD8U/l773nn2xB5k76g5mQ1guiJ9NTRWJiQpZwCLcBGAs/s1600/mercur.JPG" alt="Mercurius" download="Mercurius">
  <area shape="circle" coords="124,58,8" href="https://1.bp.blogspot.com/-LBp015VoBIQ/WyoZXu9bI9I/AAAAAAAAD8g/_3INUeAEBW4UvF8B0Ni_pN21icmLWtZmgCLcBGAs/s1600/venus.JPG" alt="Venus" download="Venus">
 </map>
<p><b>Catatan : </b>Atribut Koordinat ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>


Ingin mencobanya ?
Klik disini : JALANKAN CODE

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



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




PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini. Kemudian, kami akan segera menyampaikannya pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


Load Disqus Comments Hide Disqus Comments