তথ্য ও যোগাযোগ প্রযুক্তি প্রশ্ন

উত্তর ও ব্যাখ্যা

1. ক)

   AI-তৈরি নমুনা উত্তর img একটি এম্পটি এলিমেন্ট, অর্থাৎ এর কোনো ক্লোজিং বা শেষ ট্যাগ নেই।

2. খ)

   AI-তৈরি নমুনা উত্তর src হলো source-এর সংক্ষিপ্ত রূপ। ওয়েবপেজে কোন ছবিটি দেখাতে হবে তা ব্রাউজারকে জানানোর জন্য এই অ্যাট্রিবিউটে ছবির URL বা ঠিকানা দিতে হয়। ছবি একই ফোল্ডারে থাকলে শুধু ফাইলের নাম দিলেই চলে। অন্য ফোল্ডারে থাকলে এর মান হিসেবে ছবির পুরো পাথ দিতে হয়। এটি কোনো ওয়েবসাইটের ছবির ঠিকানাও হতে পারে।

3. গ)

   AI-তৈরি নমুনা উত্তর ছবিটি D ড্রাইভের Gallery ফোল্ডারে থাকায় src-এর মান হিসেবে পুরো পাথ দিতে হবে। ছবির আকার নিয়ন্ত্রণে width ও height অ্যাট্রিবিউট এবং ছবিতে ক্লিক করলে নতুন পেজ খোলার জন্য a ট্যাগ ও target="_blank" ব্যবহার করতে হবে। কোডটি হলো—
   <a href="https://www.bangladesh.gov.bd" target="_blank">
   <img src="D:/Gallery/tour.jpg" width="300px" height="200px">
   </a>
   এখানে a ট্যাগের ভেতরে লেখার বদলে ছবি ব্যবহার করায় ছবিটি হাইপারলিংক হিসেবে কাজ করবে।

4. ঘ)

   AI-তৈরি নমুনা উত্তর মিতুর কোডে মূলত দুটি ত্রুটি আছে।
   প্রথম ত্রুটি হলো ছবির পাথ। মিতুর ছবি আছে D:/Gallery ফোল্ডারে, কিন্তু সে ওয়েবপেজটি অন্য ফোল্ডারে সেভ করেছে। src="tour.jpg" লিখলে ব্রাউজার কোডটি যে ফোল্ডারে আছে সেই ফোল্ডারেই ছবিটি খোঁজে। সেখানে ছবিটি না পাওয়ায় ছবি দেখা যায়নি। সমাধান হলো src-এর মান হিসেবে পুরো পাথ দেওয়া, অর্থাৎ src="D:/Gallery/tour.jpg" লেখা। বিকল্প হিসেবে ছবিটিকে ওয়েবপেজের ফোল্ডারে এনে রাখা যায়।
   দ্বিতীয় ত্রুটি হলো আকার নিয়ন্ত্রণ না করা। ছবিটি 1200 x 800 পিক্সেলের বড় ছবি। width ও height না দিলে ছবির প্রকৃত আকারেই দেখানো হয়, ফলে ব্রাউজারে ছবির কেবল একটি অংশ দেখা যেতে পারে। তাই width="300px" height="200px" অ্যাট্রিবিউট যোগ করতে হবে। মূল ছবির অনুপাত 3:2 এবং নতুন আকারের অনুপাতও 300:200 = 3:2, তাই ছবিটি বিকৃত না হয়ে ছোট হবে।
   এছাড়া মিতুর চাহিদা অনুযায়ী ছবিতে ক্লিক করলে নতুন ট্যাবে ওয়েবসাইট খোলার জন্য ছবিটিকে target="_blank" সহ a ট্যাগের ভেতরে রাখতে হবে। এসব সংশোধনের পর ছবিটি সঠিকভাবে, উপযুক্ত আকারে ও হাইপারলিংকসহ প্রদর্শিত হবে।