আগের পর্ব গুলো পড়ুনঃ
ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ১ঃ প্রাথমিক ধারণা।
ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ২ঃ এইচটিএমএল এর গঠন ও এইচটিএমএল ট্যাগ।
ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ৩ঃ এইচটিএমএল ট্যাগ ও এইচটিএমএল আট্রিবুটস।
ওয়েব ডিজাইন শিখুন খুব সহজে। পর্ব – ৪ঃ এইচটিএমএল COMMENT ও এইচটিএমএল FORMETTING
আজকে শিখবো কিভাবে সাইটে পিকচার যোগ করতে হয়।
সাইটে কোনও পিকচার যুক্ত করতে চাইলে<img/> ট্যাগ ব্যবহার করতে হয়। এই ট্যাগের কিছু আট্রিবুটস ও আছে।
<!DOCTYPE html> <html> <head> <title>Title of your page which show on your title bar </title> </head> <body> <img src="images/html.jpg" alt="html cartoon" width="200" height="200"/> </body> </html>
ব্রাউজার এ রান করালে আপনার কাঙ্খিত ছবিটি দেখাবে। এখানে,
ইমেজ ট্যাগ ম্যাপের জন্য ইমেজ ট্যাগ <img/> এর পাশাপাশি <map> ট্যাগ লাগবে। ইমেজ ট্যাগ ম্যাপের সাহায্যে আপনি আপনার পিকচার এর বিভিন্ন জায়গায় Clickable লিঙ্ক সেট করতে পারবেন। নিচের কোড টুকু দেখুনঃ
<!DOCTYPE html> <html> <body> <p>Click on the sun or on one of the planets to watch it closer:</p> <img src="planets.gif" alt="Planets" usemap="#planetmap" style="width:145px;height:126px;"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"> </map> </body> </html>
ইমেজ আট্রিবুট usermap ও ম্যাপ আট্রিবুট name ; এই দুই ট্যাগের মধ্যে সম্পর্ক স্থাপন করে। ম্যাপ name এ যা দিব ইমেজ usermap এ # দিয়ে তাই দিয়ে হবে। ম্যাপ ট্যাগের মাঝে লিঙ্ক দেয়ার জন্য <area> ট্যাগ দিতে হয়। <area> ট্যাগের কিছু আট্রিবুট এর বর্ণনা দিলামঃ
ইমেজ ম্যাপ টেস্ট করার জন্য এই লিঙ্কে ক্লিক করে টেস্ট করুন।
আশা করি বুঝতে পেরেছেন।আজকে এ পর্যন্তই। আগামী পর্বে নতুন কিছু নিয়ে আলোচনা করব। অবশ্যই আগের পর্ব গুলো পড়বেন। যারা ওয়েব ডিজাইন শিখতে চান তারা গুগল সার্চ করে এই বিষয় গুলো সম্পর্কে আরও জানুন ও বেশি বেশি প্র্যাকটিস করুন। কোনও প্রশ্ন থাকলে টিউনমেন্ট করুন।
পূর্বে প্রকাশিত এখানে।
আমি রিপন শাহ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 13 টি টিউন ও 18 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
