চিত্র-২ ওয়েব ব্রাউজারে প্রদর্শনের জন্য HTML কোড লিখ।
উত্তর: Category Flower Website River list Flower Website River list Facebook Padma Meghna Jamuna Rose Social Media
HSC ICT Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML CQ — Prosthuti প্রশ্নব্যাংক
HSC · ICT · Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML · সৃজনশীল
চিত্র-২ ওয়েব ব্রাউজারে প্রদর্শনের জন্য HTML কোড লিখ।
উদ্দীপক
কুমিল্লা ভিক্টোরিয়া সরকারি কলেজ · 2025
উত্তর
ইন্টারনেটে ওয়েবের ফাইলগুলো কোনো সার্ভারে রাখাই হলো ওয়েব হোস্টিং।
উত্তর
HTML অ্যাট্রিবিউট সবসময় ওপেনিং ট্যাগে থাকে কারণ এটি সেই ট্যাগের সাথে যুক্ত বিশেষ তথ্য হিসেবে কাজ করে। প্রতিটি অ্যাট্রিবিউট একটি কী-ওয়ার্ড এবং একটি মান নিয়ে থাকে। যেটি সাধারণত সমান চিহ্ন (=) দিয়ে সংযুক্ত থাকে। অর্থাৎ একটি HTML ট্যাগের ওপেনিং অংশে অ্যাট্রিবিউট উল্লেখ করা হয় এবং এটি সেই ট্যাগের আচরণ বা ফাংশনালিটি কাস্টমাইজ করে। উদাহরণস্বরূপ, < a href="https://example.com" > Click Here < /a > কোডে href অ্যাট্রিবিউটটি লিঙ্কটি কোন ঠিকানায় যাবে তা নির্দেশ করে। আবার, < img src="image.jpg" alt="Description" > ট্যাগে src অ্যাট্রিবিউট ছবির উৎস এবং alt অ্যাট্রিবিউট ছবির বর্ণনা দেয়।
উত্তর
উদ্দীপকের চিত্র-১ লিনিয়ার এবং ফ্রি স্ট্রাকচারের সমন্বয়ে গঠিত একটি হাইব্রিড-ওয়েবসাইট স্ট্রাকচার।
চিত্র-১ এর কাঠামোটির বর্ণনা:
শীর্ষ স্তর (Top Level): কাঠামোর একদম উপরে একটি একক বক্স রয়েছে, যা সাধারণত ওয়েবসাইটের হোমপেজ বা মূল পাতা (Homepage) বোঝায়। এটি ওয়েবসাইটের প্রবেশদ্বার এবং সমস্ত তথ্যের কেন্দ্রবিন্দু।
দ্বিতীয় স্তর (Second Level): হোমপেজের নিচে তিনটি বক্স রয়েছে, যা তিনটি ভিন্ন প্রধান ক্যাটাগরি বা বিভাগকে নির্দেশ করে। এই বিভাগগুলো হোমপেজ থেকে সরাসরি অ্যাক্সেস করা যায়। এগুলি ওয়েবসাইটের প্রধান বিষয়বস্তুর শাখা।
তৃতীয় স্তর (Third Level): দ্বিতীয় স্তরের প্রতিটি বক্স থেকে আবার দুটি করে বক্স নিচের দিকে প্রসারিত হয়েছে, যা উপ-ক্যাটাগরি বা নির্দিষ্ট বিষয়বস্তুর পাতাকে বোঝায়। এই পাতাগুলো দ্বিতীয় স্তরের বিভাগগুলোর অধীনে বিস্তারিত তথ্য ধারণ করে।
এই কাঠামোর বৈশিষ্ট্য ও সুবিধা:
সহজবোধ্যতা: এই কাঠামো ব্যবহারকারীদের জন্য নেভিগেট করা সহজ করে তোলে, কারণ তথ্যগুলো একটি লজিক্যাল ক্রমানুসারে সাজানো থাকে।
সুসংগঠিত তথ্য: এটি ওয়েবসাইটের বিষয়বস্তুকে সুসংগঠিতভাবে উপস্থাপন করতে সাহায্য করে, যা ব্যবহারকারীদের নির্দিষ্ট তথ্য খুঁজে পেতে সুবিধা দেয়।
সার্চ ইঞ্জিন অপটিমাইজেশন (SEO): এই ধরনের কাঠামো সার্চ ইঞ্জিন ক্রলারদের জন্য ওয়েবসাইট ইন্ডেক্স করা সহজ করে, যা সার্চ ইঞ্জিনে ওয়েবসাইটের দৃশ্যমানতা বাড়াতে সাহায্য করে।
স্কেলেবিলিটি: প্রয়োজন অনুযায়ী নতুন বিভাগ বা উপ-বিভাগ যোগ করে ওয়েবসাইটকে সহজেই প্রসারিত করা যায়।
উদাহরণ: একটি ই-কমার্স ওয়েবসাইট এই কাঠামো ব্যবহার করতে পারে। যেখানে হোমপেজ থেকে পুরুষদের পোশাক, মহিলাদের পোশাক, ইলেক্ট্রনিক্স ইত্যাদি প্রধান ক্যাটাগরি থাকতে পারে। প্রতিটি ক্যাটাগরির অধীনে শার্ট, প্যান্ট, জুতা, মোবাইল ফোন, ল্যাপটপ ইত্যাদি উপ-ক্যাটাগরি থাকতে পারে।
সংক্ষেপে, চিত্র-১ একটি সুসংগঠিত এবং ব্যবহারকারী-বান্ধব হায়ারার্কিক্যাল বা শ্রেণিবিন্যাসমূলক ওয়েবসাইট কাঠামো প্রদর্শন করে।
উত্তর
< !DOCTYPE html >
< html lang="en" >
< body >
< table border = "1" cellspacing="0" >
< tr >
< th colspan="3" > Category < /th >
< tr >
< th align="center" > Flower < /th >
< th align = "center" > Website < /th >
< th align = "center" > River list < /th >
< tr >
< th align="center" > Flower < /th >
< th align = "center" > Website < /th >
< th align = "center" > River list < /th >
< tr >
< td > < img src = "Rose.jpeg" alt="Rose.jpeg" > < /td >
< td align = "center" >
< a href="www.facebook.com" >
Facebook < /a > < /td >
< td rowspan="2" >
< ol type ="I" start = "10" >
< li > Padma
< li > Meghna
< li > Jamuna
< /td >
< tr >
< td > Rose < /td >
< td > Social Media < /td >
< /table >
< /body >
< /html >