Thursday, July 5, 2018

Dasar Atribut Tagging area Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <area> Pada Bahasa Pemrograman HTML




Dasar Atribut Tagging <area> Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Sobat sebelumnya pasti sudah pernah mempelajari tentang fungsi dari atribut koordinat yakni "coords". Nah, ternyata atribut tersebut dapat beroperasi dan juga bekerja sama dengan tagging <area> untuk menentukan area yang dijadikan titik objek eliminasi.

Penjelasan singkatnya, Tagging <area> memberikan sebuah tempat atau objek yang dipasangkan pada gambar agar pada saat pengunjung mengklik area tersebut maka area tersebut dapat terseleksi dengan baik, sedangkan untuk bagian yang tidak terdeklarasi area maka apabila pengunjung mengklik daerah selain area dapat dipastikan operasi ini dijalankan pada area tersebut.

Bagaimanakah itu Atribut Tagging <area> pada HTML ?

Simak ulasan di bawah ini untuk mengetahuinya,

Area - adalah sebuah tempat khusus yang dijadikan patokan apabila programmer ingin menentukan daerah seleksi, sedangkan seleksi tersebut kebanyakan dimanfaatkan untuk menyeleksi bidang gambar di halaman yang sudah dibuat dengan menggunakan bahasa pemrograman html.


Syntax :

<area atribute="value">

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">
  <area shape="circle" coords="90,58,3" href="https://1.bp.blogspot.com/-VKxEyUV-284/WyoZWlTclzI/AAAAAAAAD8U/l773nn2xB5k76g5mQ1guiJ9NTRWJiQpZwCLcBGAs/s1600/mercur.JPG" alt="Mercurius">
  <area shape="circle" coords="124,58,8" href="https://1.bp.blogspot.com/-LBp015VoBIQ/WyoZXu9bI9I/AAAAAAAAD8g/_3INUeAEBW4UvF8B0Ni_pN21icmLWtZmgCLcBGAs/s1600/venus.JPG" alt="Venus">
 </map>
<p><b>Catatan : </b>Atribut Koordinat ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>


Attribute Tagging Area :

Atribut
Isi
Deskripsi
text
Untuk mendefinisikan alternate apabila konten tidak dapat diakses pada koneksi yang lemah.
coordinates
Untuk mendeklarasikan koordinat dari alamat.
filename
Untuk mengatur target yang akan didownload ketika pengguna menekan tombol pada link
URL
Untuk menentukan kemana pengunjung akan pergi ketika di klik
language_code
Mendeklarasikan bahasa dari dokumen
nohref
Berfungsi untuk melepaskan pengalamatan area pada href.
alternate

author

bookmark

external

next

nofollow

noreferrer

noopener

prev

search

tag

Berguna untuk mendeklarasikan halaman tersebut dengan halaman setelahnya
default
Berfungsi untuk membentuk sebuah bidang tertentu untuk menyeleksi bagian tertentu pada gambar.
_blank

_parent

_self

_top

framename

Berfungsi untuk mendeklarasikan bagaimana cara membuka link tersebut
file-type
Berfungsi untuk mendeklarasikan file berkas jenis apakah yang sudah dipasangkan kepada website.


Ingin mencobanya ?
Klik disini : JALANKAN CODE



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Dasar Atribut Tagging <area> Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <area> pada 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