দৃশ্যকল্প-১ প্রদর্শনের জন্য HTML কোড লিখ।
উত্তর: দৃশ্যকল্প-১ প্রদর্শনের জন্য HTML কোড : Test Exam Result ID ICT Marks CQ MCQ A901 40 22 A902 36 19
HSC ICT Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML CQ — Prosthuti প্রশ্নব্যাংক
HSC · ICT · Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML · সৃজনশীল
দৃশ্যকল্প-১ প্রদর্শনের জন্য HTML কোড লিখ।
উদ্দীপক
দৃশ্যকল্প-১:
দৃশ্যকল্প-২: আইসিটি শিক্ষক তার কলেজের জন্য দুই ধরনের
ওয়েবসাইট ডিজাইন করলেন। প্রথমটিতে হোমপেইজ থেকে যেকোনো পেইজে সরাসরি যাওয়া গেলেও এক পেইজ থেকে অন্য পেইজে সরাসরি যাওয়া যায় না। তবে দ্বিতীয়টিতে যেকোনো পেইজ থেকে যেকোনো পেইজে সরাসরি যাওয়া যায়।
দৃশ্যকল্প-২: আইসিটি শিক্ষক তার কলেজের জন্য দুই ধরনের
ওয়েবসাইট ডিজাইন করলেন। প্রথমটিতে হোমপেইজ থেকে যেকোনো পেইজে সরাসরি যাওয়া গেলেও এক পেইজ থেকে অন্য পেইজে সরাসরি যাওয়া যায় না। তবে দ্বিতীয়টিতে যেকোনো পেইজ থেকে যেকোনো পেইজে সরাসরি যাওয়া যায়।Comilla · 2025
উত্তর
HTML ডকুমেন্টে ওয়েব পেইজের বিভিন্ন এলিমেন্টের রং, ফন্টসহ বিভিন্ন বৈশিষ্ট্য বা প্রোপার্টি উল্লেখ করে দেওয়ার জন্য যে অ্যাট্রিবিউট ব্যবহার করা হয় তাই স্টাইল অ্যাট্রিবিউট।
উত্তর
কোনো ডকুমেন্টের অভ্যন্তরে হাইপারলিঙ্কের গন্তব্যকে নির্ধারণ করার জন্য অ্যাঙ্কর ব্যবহার করা হয়। এর প্রথম অক্ষর a দিয়ে অ্যাঙ্কর এলিমেন্টের ট্যাগ গঠিত।
ট্যাগের গঠন:
< a href=" url " > text < / a >
স্টার্ট ট্যাগ এ লিংকের অ্যাট্রিবিউট থাকে। < a > এবং < / a > এর মাঝে যে টেক্সট লেখা হবে তা নীল রঙের আন্ডারলাইন করে প্রদর্শিত। হবে। এ লেখাতে মাউস পয়েন্টার নিয়ে ক্লিক করলে লিংক পেইজটি ওপেন হবে।
< a > ট্যাগের গুরুত্ব: ওয়েব ডিজাইনে < a > ট্যাগ গুরুত্বপূর্ণ। কারণ -
১. একাধিক বা পৃথক সার্ভারে অবস্থিত বিভিন্ন ওয়েবসাইটের সাথে
সংযুক্ত হওয়া যায়।
২. একই ওয়েবসাইটের বিভিন্ন ওয়েবপেইজকে একে অপরেরর সাথে সংযুক্ত করা যায়।
৩. সম্পর্কিত তথ্য দ্রুত প্রদর্শন করা যায়।
৪. ব্রাউজকারীর সময় বাঁচে।
উত্তর
দৃশ্যকল্প-১ প্রদর্শনের জন্য HTML কোড :
< !DOCTYPE html >
< html >
< body >
< table border="1"cellspacing="0"width="50%" >
< caption >Test Exam Result < /caption >
< tr align="center" >
< td rowspan="2">ID
ICT Marks< / td >
< tr align="center" >
< td >CQ< /td >
< td > MCQ< /td >
< tr align = "center" >
< td > A901< / td >
< td > 40 < /td>
< td > 22 < /td >
< td > A902 < /td >
< td > 36 < /td >
< t d > 19< /td >
< / tr >
< /table >
< / body >
< / html >
উত্তর
দৃশ্যকল্প-২ এ উল্লিখিত ওয়েবসাইট কাঠামোদ্বয় হলো যথাক্রমে লিনিয়ার বা সিকুয়েন্স কাঠামো ও ওয়েব লিংকড বা নেটওয়ার্ক কাঠামো। উক্ত কাঠামোদ্বয়ের মধ্যে নেটওয়ার্ক কাঠামো অধিক সুবিধাজনক। উত্তরের সপক্ষে আমার মতামত নিচে দেওয়া হলো-
লিনিয়ার কাঠামোতে হোমপেইজ থেকে যেকোনো পেইজে সহজে যাওয়া যায় কিন্তু এক পেইজ থেকে অন্য পেইজে সরাসরি যাওয়া যায় না। প্রথম পেইজ হতে কোনো নির্দিষ্ট পেইজে যেতে হলে পর্যায়ক্রমে মধ্যবর্তী সকল পেইজ অতিক্রম করে যেতে হয়। এ ধরনের কাঠামোতে পেইজগুলোতে Next, Previous, First, Last ইত্যাদি লিংক ব্যবহার করা হয়ে থাকে। পেইজের সংখ্যা কম হলে এ ধরনের কাঠামো কিছুটা উপযোগী।
অন্যদিকে, লিনিয়ার কাঠামোর সম্পূর্ণ বিপরীত হলো নেটওয়ার্ক কাঠামো। এ ধরনের কাঠামোতে প্রতিটি পেইজের সাথে অন্যটির লিংক করা থাকে। হোম পেইজের থেকে অন্য সকল পেইজে কিংবা এক পেইজ থেকে অন্য পেইজে সরাসরি যাওয়া যায়। বড় ধরনের ওয়েবসাইট তৈরিতে এটি খুব জনপ্রিয় ও কার্যকর। এটি নন-লিনিয়ার এবং কাঠামো তুলনামূলক জটিল হলেও ব্যবহারকারী বান্ধব।
তাই বলা যায় যে, উক্ত কাঠামোদ্বয়ের মধ্যে নেটওয়ার্ক কাঠামো অধিক সুবিধাজনক।