Curriculum
HTML Mastery: From Basics to Brilliance
মডিউল ১: পরিচিতি এবং বেসিক HTML : 1. HTML পরিচিতি
0/4
মডিউল ১: পরিচিতি এবং বেসিক HTML : 2. HTML ডকুমেন্ট স্ট্রাকচার
0/2
মডিউল ১: পরিচিতি এবং বেসিক HTML : 3. বেসিক ট্যাগস
0/4
মডিউল ১: পরিচিতি এবং বেসিক HTML : 4. টেক্সট ফরম্যাটিং ট্যাগস
0/3
মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 1. লিস্ট তৈরির ট্যাগস
0/3
মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 2. লিঙ্ক তৈরির ট্যাগ
0/3
HTML ডকুমেন্ট স্ট্রাকচার
HTML ডকুমেন্ট স্ট্রাকচার হলো একটি ওয়েব পেজের মূল কাঠামো। এটি ব্রাউজারকে বলে দেয় কীভাবে কনটেন্ট প্রদর্শিত হবে। প্রতিটি HTML ডকুমেন্ট একটি নির্দিষ্ট গঠন অনুসরণ করে যা ব্রাউজার দ্বারা সহজেই বোঝা যায়।
HTML ডকুমেন্টের মূল উপাদানসমূহ
1. <!DOCTYPE> ঘোষণা:
-
- HTML ডকুমেন্টের প্রথম লাইন যা ব্রাউজারকে বলে এটি কোন সংস্করণের HTML।
- HTML5 এর জন্য ব্যবহার করা হয়:
<!DOCTYPE html>
2. <html> ট্যাগ:
- এটি পুরো HTML ডকুমেন্টের রুট বা মূল ট্যাগ।
- সব কন্টেন্ট এই ট্যাগের মধ্যে থাকে।
- উদাহরণ:
<html lang=”en”>
</html>
3. <head> ট্যাগ:
- ওয়েব পেজ সম্পর্কে মেটাডাটা ধারণ করে।
- এতে টাইটেল, ক্যারেক্টার সেট, স্টাইলশিট, স্ক্রিপ্ট এবং অন্যান্য তথ্য থাকে।
- উদাহরণ:
<head>
<meta charset=”UTF-8″>
<title>My Web Page</title>
<link rel=”stylesheet” href=”style.css”>
</head>
4. <body> ট্যাগ:
- ডকুমেন্টের দৃশ্যমান অংশ এখানে থাকে।
- পেজে প্রদর্শিত টেক্সট, ছবি, ভিডিও ইত্যাদি সব এই ট্যাগের মধ্যে রাখা হয়।
- উদাহরণ:
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph.</p>
</body>
সম্পূর্ণ HTML ডকুমেন্ট স্ট্রাকচার
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>My First HTML Document</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first HTML page.</p>
</body>
</html>
প্রধান বৈশিষ্ট্য:
- Doctype: ব্রাউজারকে ডকুমেন্ট টাইপ নির্দেশ করে।
<html>: মূল কাঠামো ধারণ করে।<head>: পেজের ব্যাকগ্রাউন্ড তথ্য প্রদান করে।<body>: দৃশ্যমান কনটেন্ট ধারণ করে।
এই স্ট্রাকচারটি সব HTML ডকুমেন্টের জন্য প্রাথমিক ভিত্তি এবং এটি অনুসরণ করেই ডেভেলপাররা ওয়েব পেজ তৈরি করেন।