<area> এলিমেন্টের alt অ্যাট্রিবিউটটি একটি এলাকার জন্য বিকল্প টেক্সট (alternate text) সেট করতে ব্যবহৃত হয়। এই বিকল্প টেক্সট অর্থাৎ alt তখন দৃশ্যমান হয় যখন ছবিটি ইন্টারনেট, লোডিং সমস্যা, ত্রুটি ইত্যাদি কারণে প্রদর্শিত হয় না।
সিনট্যাক্স:
<area alt="text">
এখানে, text হলো সেট করা alt টেক্সট।
এখন <area> এলিমেন্টের alt অ্যাট্রিবিউট বাস্তবায়নের উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>শিক্ষা</h2> <p>এই প্রযুক্তিগুলো সহজে শিখুন....</p> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map> </body> </html>
আউটপুট
উপরের উদাহরণে, আমরা নিচের ছবিতে ম্যাপ সেট করেছি:
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
এখন, আমরা আকারের জন্য ম্যাপ এবং তার ভিতরে এলাকা সেট করেছি:
<map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map>
এলাকা সেট করার সময়, alt অ্যাট্রিবিউট ব্যবহার করে alt-ও সেট করা হয়েছে:
<area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />
