উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড লেখ।
উত্তর: উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড: Month Bills Electricity Water Gas January 809 600 850 February 955 720 700 Utility Bill Summary
HSC ICT Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML CQ — Prosthuti প্রশ্নব্যাংক
HSC · ICT · Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML · সৃজনশীল
উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড লেখ।
উদ্দীপক
Chittagong · 2025
উত্তর
ওয়েব পেইজ হলো হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HTML) ব্যবহার করে তৈরি করা একটি ওয়েব ডকুমেন্ট, যা ইন্টারনেটের মাধ্যমে বিভিন্ন ওয়েব সার্ভারে সংরক্ষিত থাকে এবং ব্যবহারকারীরা ব্রাউজারের সাহায্যে তা দেখতে পারে।
উত্তর
একটি ওয়েব পেইজকে সুন্দর ও আকর্ষণীয় করে তোলার জন্য ছবি বা ইমেজের গুরুত্ব অপরিসীম। HTML-এ ছবি যুক্ত করার জন্য ট্যাগ ব্যবহার করা হয়। এটি একটি এম্পটি (Empty) ট্যাগ, অর্থাৎ এর কোনো ক্লোজিং ট্যাগ নেই। পেইজে ছবি প্রদর্শন করার জন্য ট্যাগের সাথে src (Source) অ্যাট্রিবিউট ব্যবহার করে ছবির লোকেশন বা ফাইল নেম উল্লেখ করতে হয়। ওয়েব ব্রাউজারে সাধারণত gif, jpg, jpeg, png, ico, bmp ইত্যাদি ফরম্যাটের ছবি সাপোর্ট করে।
ছবি যুক্ত করার সিনট্যাক্স বা কোডটি নিচে দেওয়া হলো:
< img src = "Image.jpg" >
এখানে src এর ভেতরে ছবির নাম বা ইউআরএল (URL) দিলে ব্রাউজারে সেই ছবিটি প্রদর্শিত হবে।
উত্তর
উদ্দীপকে উল্লিখিত চিত্র-৩ এর HTML কোড:
< !DOCTYPE html >
< html >
< body >
< table border="1" cellspacing="0" width = 100% >
< tr align="center" >
< td rowspan="2" >Month
< td colspan="3" > Bills< /td >
< tr align="center" >
< th > Electricity< /th >
< th > Water < /th >
< th > Gas < /th >
< tr align="center" >
< td > January < / td >
< td > 809 < /td >
< td > 600 < /td >
< td > 850 < /td >
< / tr >
< tr align = " center " >
< td > February < /td >
< td > 955< /td >
< td>720< /td >
< td >700< /td >
< tr >
< td colspan = "4" align=" center " > Utility < b > Bill < /b > Summary < / td >
< / table >
< / body >
< /html >
উত্তর
উদ্দীপকের চিত্র-১ হলো ওয়েবসাইটের লিনিয়ার কাঠামো এবং চিত্র-২ হলো ট্রি বা হায়ারার্কিক্যাল কাঠামো। ওয়েবসাইট তৈরিতে ট্রি বা হায়ারার্কিক্যাল কাঠামো ব্যবহার করা উত্তম। যুক্তিসহ নিচে কারণ বিশ্লেষণ করা হলো-
ট্রি বা হায়ারার্কিক্যাল কাঠামোতে সমস্ত ডকুমেন্টের পূর্ণাঙ্গ চিত্র সংক্ষিপ্ত আকারে থাকে। বিস্তারিত তথ্যের জন্য হোম পেইজে লিঙ্ক ব্যবহার করে পরবর্তী পেইজগুলোতে যাওয়া যায়। ওয়েবসাইটের কাঠামোর মধ্যে হায়ারার্কিক্যাল কাঠামো সবচেয়ে সহজ ও জনপ্রিয়। এ পদ্ধতিতে ওয়েবসাইটের বিভিন্ন শাখাগুলোকে আলাদাভাবে সংযুক্ত করা হয়ে থাকে। হোমপেইজ, সাব-মেনু ও অন্যান্য পেইজের লিঙ্ক থাকে। এতে করে ওয়েবসাইটের ভিজিটররা সহজেই বুঝতে পারে কোন অংশে তার প্রয়োজনীয় তথ্যগুলো রয়েছে। বিভিন্ন প্রতিষ্ঠানের ওয়েবসাইট যেমন- কোনো স্কুল, কলেজ বা ব্যবসায়িক প্রতিষ্ঠানের ওয়েবসাইট এ ধরনের হয়ে থাকে। বেশির ভাগ অনলাইন সিস্টেমে এ ধরনের কাঠামো ব্যবহার করা হয়। এ ধরনের কাঠামোতে মূল বিষয়ের তালিকা বা মেনু তৈরি করে সাব-মেনু তৈরি করা হয়ে থাকে। পক্ষান্তরে, যখন কোনো একটি ওয়েবসাইটের পেইজগুলো নির্দিষ্ট ক্রমানুসারে ভিজিট করার প্রয়োজন হয় তখন সিকুয়েন্স বা লিনিয়ার কাঠামো ব্যবহার করা হয়। এই ধরনের পেইজগুলোতে সাধারণত Next, Previous, Last, First ইত্যাদি লিংক ব্যবহার করে ইউজার পেইজ ভিজিট করতে পারে। অর্থাৎ এ কাঠামোর মাধ্যমে ইচ্ছেমত নির্দিষ্ট পেইজে যাওয়া যায় না।
সুতরাং লিনিয়ার ও হায়ারার্কিক্যাল কাঠামোন্বয়ের মধ্যে ওয়েবসাইট তৈরির জন্য হায়ারার্কিক্যাল কাঠামো অধিক উত্তম।
