এইচএসসি আইসিটি ৪র্থ অধ্যায়: এইচটিএমএল গাইড
NCTB এইচএসসি আইসিটি ৪র্থ অধ্যায়ের সম্পূর্ণ এইচটিএমএল গাইড: মৌলিক কাঠামো, ট্যাগ ও অ্যাট্রিবিউট, টেবিলের rowspan ও colspan, হাইপারলিংক এবং বোর্ড পরীক্ষার সাধারণ ভুলসমূহ।
১. এইচটিএমএল (HTML) কী ও এর মৌলিক কাঠামো
HTML এর পূর্ণরূপ হলো HyperText Markup Language। এটি কোনো প্রোগ্রামিং ভাষা নয়, বরং একটি মার্কআপ ল্যাঙ্গুয়েজ যা ব্রাউজারে একটি ওয়েব পেজের কঙ্কাল বা মৌলিক গঠন (Structure) তৈরি করতে ব্যবহৃত হয়। ১৯৯০ সালে স্যার টিম বার্নার্স-লি (Tim Berners-Lee) এটি তৈরি করেন।
প্রতিটি আদর্শ এইচটিএমএল৫ ডকুমেন্টের একটি নির্দিষ্ট গঠন কাঠামো থাকে:
২. কন্টেইনার ট্যাগ বনাম এম্পটি ট্যাগ (Empty / Void Tag)
বোর্ড পরীক্ষার নৈর্ব্যক্তিক (MCQ) প্রশ্নে প্রায়শই ট্যাগ প্রকারভেদ নিয়ে প্রশ্ন আসে। এইচটিএমএল ট্যাগ মূলত দুই প্রকার:
📦 কন্টেইনার ট্যাগ (Container Tag)
যেসব ট্যাগের শুরুর ট্যাগ (Opening Tag), ভেতরের বিষয়বস্তু (Content) এবং শেষ ট্যাগ (Closing Tag) থাকে, সেগুলোকে কন্টেইনার ট্যাগ বলে।
<h1>শিরোনাম</h1>
<table>...</table>
⚡ এম্পটি ট্যাগ (Empty / Void Tag)
যেসব ট্যাগের কেবল শুরুর ট্যাগ থাকে কিন্তু কোনো সমাপ্তি বা ক্লোজিং ট্যাগ (</...>) থাকে না, সেগুলোকে এম্পটি ট্যাগ বলে।
<hr> (অনুভূমিক দাগ)
<img src="..."> (ছবি সংযুক্তি)
৩. বোর্ড পরীক্ষার সবচেয়ে গুরুত্বপূর্ণ অংশ: টেবিল, rowspan ও colspan
এইচএসসি আইসিটি বোর্ড পরীক্ষার সৃজনশীল (CQ) প্রশ্নের প্রায় ৮০% ক্ষেত্রে টেবিল তৈরি করতে বলা হয়। টেবিলের মৌলিক ট্যাগসমূহ হলো:
<table border="1">: পুরো টেবিল ডিক্লেয়ার করা<tr>: টেবিল রো বা অনুভূমিক সারি (Table Row)<th>: কলাম হেডার (Table Header - স্বয়ংক্রিয়ভাবে বোল্ড ও সেন্টারে থাকে)<td>: টেবিল ডেটা বা ডাটা সেল (Table Data)
Rowspan ও Colspan এর সূত্র ও নিয়ম
পাশাপাশি n সংখ্যক কলামকে একত্র করে একটি সেলে পরিণত করে। (অনুভূমিক মার্জ)
উপর-নিচে n সংখ্যক সারিকে (row) একত্র করে একটি সেলে পরিণত করে। (উল্লম্ব মার্জ)
*টিপস: যে সেলে rowspan="2" ব্যবহার করা হয়, তার ঠিক নিচের সারির (tr) মধ্যে ওই সংশ্লিষ্ট কলামের <td> টি বাদ দিতে হয়!
৪. হাইপারলিংক ও ইমেজ সংযুক্তি
ওয়েব পেজে অন্য কোনো পৃষ্ঠার সাথে সংযোগ স্থাপন করতে <a> (Anchor) ট্যাগ এবং href অ্যাট্রিবিউট ব্যবহৃত হয়:
ছবি প্রদর্শনের জন্য <img> ট্যাগে src ও alt অ্যাট্রিবিউট ব্যবহার অপরিহার্য:
৫. বোর্ড পরীক্ষায় সাধারণ ভুল ও সতর্কবার্তা
border="1" অ্যাট্রিবিউট লিখতে ভুলে যাওয়া। এটি না লিখলে টেবিলে কোনো সীমানা দাগ প্রদর্শিত হয় না।এইচটিএমএল ও সিএসএস লাইভ রানার
ব্রাউজারে সরাসরি এইচটিএমএল কোড লিখে টেবিল (rowspan/colspan), ফর্ম এবং ইমেজ ট্যাগ লাইভ টেস্ট ও প্রিভিউ করুন।
সম্পাদকীয় ও একাডেমিক মানদণ্ড
Biggan.me-এর সকল শিক্ষামূলক নিবন্ধ ও সমাধানমালা আন্তর্জাতিক IUPAC মানদণ্ড, CODATA ধ্রুবক এবং বাংলাদেশ জাতীয় শিক্ষাক্রম ও পাঠ্যপুস্তক বোর্ড (NCTB) ও ভারতের NCERT পাঠ্যবই অনুযায়ী যাচাইকৃত। আমাদের লক্ষ্য শিক্ষার্থীদের পরীক্ষার প্রস্তুতিতে নির্ভুল তথ্য সরবরাহ করা।