তথ্য ও যোগাযোগ প্রযুক্তি • ওয়েব ডিজাইন পরিচিতি এবং HTML
তথ্য ও যোগাযোগ প্রযুক্তি প্রশ্ন
রাহিম তার স্কুলের জন্য একটি ওয়েব পেজ তৈরি করে school.html নামে সেভ করল। কোডটি নিচে দেওয়া হলো।
<html>
<body>
<title>Our School</title>
<h1>Welcome</h1>
<p><em>Study <strong>hard</p></em></strong>
</body>
</html>
কোডটি দেখে তার শিক্ষক বললেন, এটি HTML লেখার নিয়ম মেনে লেখা হয়নি।
- ক)(1)
HTML-এর পূর্ণরূপ কী?
- খ)(2)
<!DOCTYPE html>লেখা জরুরি কেন? ব্যাখ্যা করো। - গ)(3)
উদ্দীপকের কোডে HTML লেখার নিয়মের কী কী ভুল আছে? চিহ্নিত করে সংশোধনের উপায় লেখো।
- ঘ)(4)
রাহিম কোডটি সংশোধন করলে ব্রাউজারে কী কী দেখা যাবে? এলিমেন্ট লেখার নিয়মের আলোকে বিশ্লেষণ করো।
উত্তর ও ব্যাখ্যা
- ক)
AI-তৈরি নমুনা উত্তর HTML-এর পূর্ণরূপ Hyper Text Markup Language।
- খ)
AI-তৈরি নমুনা উত্তর
<!DOCTYPE html>হলো ডকুমেন্ট টাইপ ডিক্লারেশন। এটি আসলে ডকুমেন্টের অংশ নয়, কিন্তু এর মাধ্যমে ব্রাউজার বুঝতে পারে যে ডকুমেন্টটি HTML 5 স্ট্যান্ডার্ড অনুসরণ করে লেখা হয়েছে। ফলে ব্রাউজার সেই স্ট্যান্ডার্ড অনুযায়ী পেজটি রেন্ডার বা প্রদর্শন করে। তাই এটি লেখা জরুরি। - গ)
AI-তৈরি নমুনা উত্তর উদ্দীপকের কোডে তিনটি ভুল আছে।
১. প্রথম লাইনে
<!DOCTYPE html>ডিক্লারেশন নেই। এটি কোডের শুরুতে লিখতে হবে, যাতে ব্রাউজার HTML 5 স্ট্যান্ডার্ড অনুযায়ী পেজ দেখায়।২.
<title>এলিমেন্টটিbody-র ভেতরে লেখা হয়েছে। ওয়েব পেজ সম্পর্কিত তথ্য, যেমন শিরোনাম, থাকেheadএলিমেন্টে। তাই<head><title>Our School</title></head>লিখতে হবে।৩.
<p><em>Study <strong>hard</p></em></strong>লাইনে এলিমেন্টগুলো একে অপরকে সমাপতিত (overlap) করেছে। একটি এলিমেন্টের ভেতরে অন্য এলিমেন্ট শুরু হলে তা আগে শেষ করতে হয়। সঠিক রূপ হলো<p><em>Study <strong>hard</strong></em></p>। - ঘ)
AI-তৈরি নমুনা উত্তর সংশোধিত কোডে
titleএলিমেন্টhead-এর ভেতরে থাকবে। ব্রাউজারের ট্যাবে ওয়েবপেজের যে শিরোনাম দেখা যায় তাhead-এ লেখাtitleথেকেই আসে। তাই ট্যাবে "Our School" শিরোনাম দেখা যাবে।<!DOCTYPE html>থাকায় ব্রাউজার পেজটি HTML 5 স্ট্যান্ডার্ড অনুযায়ী প্রদর্শন করবে।body-তেWelcomeবড় হেডিং হিসেবে এবংStudy hardলেখাটি অনুচ্ছেদে ইটালিক আকারে দেখা যাবে, যেখানেhardশব্দটি ইটালিকের পাশাপাশি জোরালোভাবে (বোল্ড) দেখাবে।এলিমেন্ট লেখার নিয়ম হলো, একটি এলিমেন্টের ভেতর এক বা একাধিক এলিমেন্ট থাকতে পারে, কিন্তু একটি এলিমেন্ট অন্যটিকে সমাপতিত করতে পারবে না। বইয়ের উদাহরণে এলিমেন্টকে কৌটার সাথে তুলনা করা হয়েছে: বড় কৌটার ভেতরে ছোট কৌটা থাকতে পারে, কিন্তু একটি কৌটা কখনো দুই বা ততোধিক কৌটার ভেতরে থাকতে পারে না। কাজেই
strongআগে বন্ধ করে তারপরemএবং সবশেষেpবন্ধ করতে হবে। নিয়ম মানলে পেজটি নির্ভুল ও পরিকল্পিতভাবে প্রদর্শিত হবে।
আরও প্রশ্ন অনুশীলন করতে অ্যাপে যাও