📘 HTML নোট
✨ HTML কী?
-
HTML এর পূর্ণরূপ → Hyper Text Markup Language
-
এটি একটি মার্কআপ ভাষা, যা ওয়েবসাইট ও ওয়েবপেজ তৈরি করতে ব্যবহৃত হয়।
-
HTML মূলত ওয়েবপেজের কাঠামো (Structure) তৈরি করে।
👉 এক্সটেনশন: .html বা .htm
✨ গুরুত্বপূর্ণ টার্ম
-
HyperText → টেক্সটের মধ্যে টেক্সট (যেমন: লিঙ্ক)।
-
Markup → বিশেষ চিহ্ন বা ট্যাগ যা ওয়েবপেজের কাঠামো তৈরি করে।
-
Language → নিয়ম বা সিনট্যাক্স যা দিয়ে ওয়েবপেজ লেখা হয়।
✨ HTML ইতিহাস
-
আবিষ্কারক → Tim Berners Lee (CERN, Geneva)
-
দেখভাল করে → W3C (World Wide Web Consortium)
-
ভার্সন: HTML 2.0 (1995) → 3.2 (1997) → 4.0 (1997) → HTML5 (সর্বশেষ)
✅ HTML এর সুবিধা
-
টেমপ্লেট তৈরি করা যায়।
-
ফ্রি ও ওপেন টেকনোলজি।
-
সব ব্রাউজারে সাপোর্ট করে।
-
শেখা সহজ।
-
যেকোনো টেক্সট এডিটরে কোড লেখা যায়।
-
হোস্টিং খরচ কম (সাইজ ছোট)।
-
কেস সেনসিটিভ নয়।
-
প্লাটফর্ম ইন্ডিপেন্ডেন্ট (Windows, Mac, Linux, Android ইত্যাদি)।
-
216 ওয়েব কালার সাপোর্ট করে।
❌ HTML এর অসুবিধা
-
শুধু স্ট্যাটিক ওয়েবপেজ তৈরি করা যায়।
-
ছোট পেজের জন্যও অনেক কোড লিখতে হয়।
✨ HTML ট্যাগ
-
ট্যাগ হলো ওয়েবপেজে তথ্য কীভাবে দেখাবে তা নির্ধারণকারী কীওয়ার্ড।
-
সবসময়
< >ব্র্যাকেটের মধ্যে থাকে। -
দুই ধরণের:
-
Container Tag → শুরু ও শেষ দুটোই থাকে। (যেমন:
<p> </p>) -
Empty Tag → শুধু শুরু থাকে, শেষ নেই। (যেমন:
<br>, <hr>, <img>)
-
✨ HTML এলিমেন্ট
-
Opening Tag + Content + Closing Tag = HTML Element
👉 যেমন:<p> This is a paragraph </p>
✨ HTML অ্যাট্রিবিউট
-
অ্যাট্রিবিউট মানে হলো ট্যাগের বৈশিষ্ট্য।
-
সবসময় Opening Tag এর মধ্যে লেখা হয়।
-
ফরম্যাট →
name = "value" -
উদাহরণ:
<img src="image.jpg" width="200">
✨ ওয়েবপেজ কাঠামো
-
<head> </head>→ পেজ টাইটেল, মেটা, স্টাইল ইত্যাদি। -
<body> </body>→ আসল কনটেন্ট (টেক্সট, ছবি, ভিডিও ইত্যাদি)।
✨ Block vs Inline Element
-
Block: নতুন লাইনে শুরু হয় (যেমন:
<h1>, <p>, <table>) -
Inline: একই লাইনে থাকে (যেমন:
<b>, <i>, <a>)
✨ ওয়েবপেজ তৈরির টুলস
-
Editor: Notepad, Sublime, Dreamweaver
-
Browser: Chrome, Firefox, Edge, Safari
📖 প্রশ্নোত্তর
🔹 জ্ঞানমূলক প্রশ্ন
-
HTML ট্যাগ কী?
👉< >চিহ্নের ভেতরে থাকা কীওয়ার্ড যা ওয়েবপেজের কনটেন্ট কীভাবে দেখাবে তা নির্দেশ করে। -
Container ট্যাগ কী?
👉 যে ট্যাগের শুরু ও শেষ দুইটাই থাকে। যেমন:<p> </p> -
Empty ট্যাগ কী?
👉 যে ট্যাগের শুধু শুরু থাকে, শেষ নেই। যেমন:<br>, <hr> -
HTML Element কী?
👉 Opening ট্যাগ + Content + Closing ট্যাগ = HTML Element -
HTML Attribute কী?
👉 ট্যাগের বৈশিষ্ট্য বা Property নির্ধারণকারী অংশ। যেমন:<a href="url">
🔹 অনুধাবনমূলক প্রশ্ন
-
ওয়েবপেজ ডিজাইনে HTML এর গুরুত্ব ব্যাখ্যা কর।
👉 HTML ওয়েব ডিজাইনের মূল কাঠামো তৈরি করে। সব ওয়েব প্রযুক্তির ভিত্তি হলো HTML। -
HTML ব্যবহারের সুবিধা বর্ণনা কর।
👉 সহজ, ফ্রি, ওপেন, সব ব্রাউজারে কাজ করে, শেখা সহজ, প্লাটফর্ম ইন্ডিপেন্ডেন্ট। -
“HTML ভাষা বেশি জনপ্রিয়”—ব্যাখ্যা কর।
👉 কারণ এটি সহজে শেখা যায়, ফ্রি, ওপেন সোর্স এবং সব ওয়েবসাইটে ব্যবহৃত হয়। -
“HTML Case Sensitive নয়”—ব্যাখ্যা কর।
👉<HTML>আর<html>একই কাজ করে। তাই এটি Case Sensitive নয়। -
ট্যাগ ও অ্যাট্রিবিউট উদাহরণসহ ব্যাখ্যা কর।
👉 ট্যাগ হলো গঠন নির্ধারণকারী চিহ্ন, আর অ্যাট্রিবিউট ট্যাগের বৈশিষ্ট্য নির্ধারণ করে।
উদাহরণ:<img src="abc.jpg" width="200">🎯 HTML বহুনির্বাচনী প্রশ্ন (MCQ) উত্তরসহ
1. HTML এর পূর্ণরূপ কী?
ক) HyperText Markup Language ✅
খ) HighText Marking Language
গ) Hyperlinks and Text Markup Language
ঘ) Home Tool Markup Language
2. একটি ওয়েবপেইজের স্ট্রাকচারে কমপক্ষে কয়টি ট্যাগ থাকে?
ক) ২
খ) ৪ ✅
গ) ৫
ঘ) ৬
3. অনুভূমিক লাইন তৈরি ট্যাগ কোনটি?
ক)<br>
খ)<hr>✅
গ)<tr>
ঘ)<line>
4. HTML আবিষ্কারক কে?
ক) টিম বার্নার্স-লি ✅
খ) ডেনিস রিচি
গ) বিল গেটস
ঘ) চার্লস ব্যাবেজ
5. ওয়েবপেজের প্রধান অংশ কয়টি?
ক) ২ ✅
খ) ৩
গ) ৪
ঘ) ৫
6. প্রথম ওয়েব ব্রাউজার কোনটি?
ক) Mosaic ✅
খ) Chrome
গ) Opera
ঘ) Safari
7. HTML Editor কোনটি?
ক) Notepad ✅
খ) MS Excel
গ) Photoshop
ঘ) Oracle
8.
<link>ট্যাগের কাজ কী?
ক) ছবি যুক্ত করা
খ) টেবিল তৈরি করা
গ) রিসোর্স রেফারেন্স নির্ধারণ ✅
ঘ) টেক্সট বোল্ড করা
9. Ending ট্যাগ চিহ্ন কী?
ক)</>✅
খ)<>
গ)</
ঘ)//
10. ট্যাগের বৈশিষ্ট্য কী বলা হয়?
ক) অ্যাট্রিবিউট ✅
খ) এলিমেন্ট
গ) কনটেন্ট
ঘ) অপশন
11. ওয়েব ব্রাউজিং সফটওয়্যার কোনগুলো?
ক) MS Word ও Excel
খ) Internet Explorer ও Mozilla Firefox ✅
গ) Photoshop ও Dreamweaver
ঘ) SQL ও Oracle
12. ওয়েবপেইজ এক্সটেনশন কোনগুলো?
ক) .htm ও .html ✅
খ) .doc ও .docx
গ) .exe ও .bat
ঘ) .pdf ও .txt
13. Opening থেকে Closing ট্যাগ পর্যন্ত কী বলা হয়?
ক) অ্যাট্রিবিউট
খ) ট্যাগ
গ) এলিমেন্ট ✅
ঘ) কনটেন্ট
14. HTML ট্যাগ কোন চিহ্নের মধ্যে থাকে?
ক) []
খ) ()
গ) {}
ঘ) <> ✅
15. ওয়েবপেজ তৈরির ভাষা কোনটি?
ক) C++
খ) HTML ✅
গ) Java
ঘ) Python
16. নিচের কোন ট্যাগের Closing ট্যাগ থাকে?
ক)<br>
খ)<img>
গ)<tr>✅
ঘ)<hr>
17. ওয়েব ব্রাউজার কোনটি?
ক) Firefox ✅
খ) MS Word
গ) Photoshop
ঘ) Notepad
18. HTML এ আবশ্যক ট্যাগ কোনটি?
ক)<html> </html>✅
খ)<body> </body>
গ)<head> </head>
ঘ)<title> </title>
19. হোমপেজ দেখার জন্য কী দরকার?
ক) শুধু কম্পিউটার
খ) ব্রাউজার + ইন্টারনেট ✅
গ) Photoshop
ঘ) SQL Server
20. Body অংশে কোন কোন উপাদান থাকে?
ক) ছবি + টেবিল ✅
খ) MS Excel
গ) লিঙ্কড লিস্ট
ঘ) RAM
21. HTML এর বৈশিষ্ট্য কোনগুলো?
ক) Case Sensitive
খ) জটিল রক্ষণাবেক্ষণ
গ) Case Sensitive নয় + রক্ষণাবেক্ষণ সহজ ✅
ঘ) শুধু DOS এ চলে
22. নিচের কোনটি ফাঁকা ট্যাগ (Empty Tag)?
ক)<p>
খ)<tr>
গ)<br>✅
ঘ)<h1>
23. HTML এর একটি বৈশিষ্ট্য কী?
ক) ইউজার ফ্রেন্ডলি ওপেন টেকনোলজি ✅
খ) শুধু Mac-এ চলে
গ) শেখা কঠিন
ঘ) দামি সফটওয়্যার দরকার
24. Empty ট্যাগের সংজ্ঞা কী?
ক) শুধু কনটেন্ট থাকে
খ) শুরু ও শেষ দুই ট্যাগ থাকে
গ) কনটেন্ট নেই ✅
ঘ) শুধুই টেক্সট
25. কোনগুলো Empty ট্যাগ?
ক)<p> ও <h1>
খ)<br> ও <img>✅
গ)<tr> ও <td>
ঘ)<html> ও <head>
26. কোন ট্যাগের কনটেন্ট নেই?
ক)<br>, <img>✅
খ)<p>, <h1>
গ)<table>, <tr>
ঘ)<body>, <head>