HTML ডকুমেন্টের স্ট্রাকচার:
HTML ডকুমেন্ট কি এবং তার স্ট্রাকচার: প্রতিটি HTML ডকুমেন্টই একটি HTML উপাদান যা <html> এবং </html> ট্যাগের মাঝে থাকে। বিস্তারিতভাবে শিখুন কীভাবে HTML ট্যাগগুলো ডকুমেন্টের HTML পরিচয় নির্দেশ করে।
নিচে একটি উদাহরণ দেওয়া হলো 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 Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is my first webpage using HTML.</p>
</body>
</html>
🔹 ১. প্রথম লাইন: <!DOCTYPE html>
👉 "প্রথম লাইনে আমরা লিখেছি <!DOCTYPE html>, এটি HTML5 ডকুমেন্টের জন্য একটি ঘোষণা। এটি ব্রাউজারকে বলে যে, আমরা HTML5 ব্যবহার করছি। যদি এটি না দেই, তাহলে কিছু ব্রাউজার ঠিকমতো রেন্ডার করতে পারে না।"
🔹 ২. <html lang="en">
📌 বলবে:
👉 "এরপর আসে <html> ট্যাগ, এটি HTML ডকুমেন্টের মূল কাঠামো। আমরা এখানে lang="en" ব্যবহার করেছি, যা ব্রাউজারকে বলে দিচ্ছে, এই পেজের ভাষা ইংরেজি।"
🔹 ৩. <head> সেকশন:
👉 "এই অংশে আমরা <head> ট্যাগ ব্যবহার করেছি। <head> হলো এমন একটি সেকশন, যেখানে SEO, মেটা-তথ্য, এবং লিঙ্ক করা রিসোর্স রাখা হয়।"
📌 এরপর, ব্যাখ্যা:
✅ <meta charset="UTF-8">
👉 "এটি ব্রাউজারকে বলে যে, আমরা UTF-8 ক্যারেক্টার এনকোডিং ব্যবহার করছি, যা অধিকাংশ ভাষার জন্য সমর্থিত।"
✅ <meta name="viewport" content="width=device-width, initial-scale=1.0">
👉 "এটি একটি গুরুত্বপূর্ণ ট্যাগ, যা রেসপনসিভ ডিজাইনের জন্য ব্যবহৃত হয়। এটি বলে যে, আমাদের ওয়েবসাইট স্ক্রিনের আকার অনুযায়ী অ্যাডজাস্ট হবে।"
✅ <title>My First HTML Page</title>
👉 "এই ট্যাগের ভেতরে আমরা ওয়েবপেজের নাম লিখি। এটি ব্রাউজারের ট্যাবের মধ্যে শো করবে।"
🔹 ৪. <body> সেকশন
👉 "এখন আমরা চলে আসছি <body> অংশে। এটি হলো ওয়েবপেজের দৃশ্যমান অংশ, যেখানে আমরা সব টেক্সট, ছবি, লিংক, এবং অন্যান্য এলিমেন্ট যোগ করি।"
✅ <h1>Welcome to My Website</h1>
👉 "এটি হলো হেডিং ট্যাগ। <h1> হচ্ছে সবচেয়ে বড় শিরোনাম। আমরা <h2>, <h3> ইত্যাদিও ব্যবহার করতে পারি।"
✅ <p>This is my first webpage using HTML.</p>
👉 "এই <p> ট্যাগ ব্যবহার করে আমরা একটি প্যারাগ্রাফ লিখেছি। এই ট্যাগের মধ্যে আমাদের মূল কনটেন্ট থাকবে।"
🎯 উপসংহার
👉 "এই ছিল HTML ডকুমেন্টের স্ট্রাকচার। এখানে আমরা দেখলাম DOCTYPE, <html>, <head>, <title>, <meta>, এবং <body> ট্যাগ কীভাবে কাজ করে।
পরের পর্ব দেখার জন্য এখানে ক্লিক করুন 👇👇
HTML Heading, Paragraph, Line Break & Comments ব্যাখ্যা (পর্ব ২)
