🔹 HTML শিরোনাম (Headings) কী?

HTML-এ মোট ৬টি শিরোনাম ট্যাগ আছে—
<h1> থেকে <h6> পর্যন্ত।

Headings এর অর্থ

• <h1> = সবচেয়ে বড় শিরোনাম

• <h6> = সবচেয়ে ছোট শিরোনাম

উদাহরণ:

🔹 Headings কোথায় ব্যবহার করবেন?

• H1: পেজের মূল শিরোনাম (একটি পেজে শুধু ১ বার ব্যবহার করা উচিত)

• H2: সেকশন শিরোনাম

• H3: সাব-সেকশন

• H4–H6: প্রয়োজন অনুযায়ী ছোট সাব-টপিক

SEO টিপস

• H1 খুব গুরুত্বপূর্ণ—সার্চ ইঞ্জিন পেজের মূল বিষয় বুঝতে সাহায্য করে।

• H2 ও H3 সঠিকভাবে ব্যবহার করলে কনটেন্ট সুন্দরভাবে সাজে এবং SEO উন্নত হয়।

🔹 HTML অনুচ্ছেদ (Paragraph) কী?

অনুচ্ছেদ তৈরি করতে HTML-এ <p> ট্যাগ ব্যবহার করা হয়।

উদাহরণ:

🔹 Paragraph এর বৈশিষ্ট্য

• প্রতিটি <p> ট্যাগ স্বয়ংক্রিয়ভাবে উপরে-নিচে কিছু স্পেস তৈরি করে।

• ব্রাউজার এক লাইনে যত স্পেস-ই দিন, সবকিছু একটি লাইনে সরিয়ে নেয় — কারণ Paragraph নিজেই layout নিয়ন্ত্রণ করে।

উদাহরণ (বেশি স্পেস দিলেও লাইন ব্রেক হয় না):

🔹 Paragraph-এ Line Break কিভাবে করবেন?

নতুন লাইনে যেতে <br> ব্যবহার করা হয়।

উদাহরণ:

🔹 Headings ও Paragraph একসঙ্গে ব্যবহার

HTML-এ সাধারণত একটি শিরোনামের নিচে একটি অনুচ্ছেদ থাকে।

উদাহরণ:

🔹 Semantic Structure Example (প্রফেশনাল কোড):

🔹 সাধারণ ভুল যা মাথায় রাখবেন

❌ একই পেজে একাধিক <h1> ব্যবহার করা
❌ Paragraph-এর ভিতরে অন্য ব্লক-লেভেল ট্যাগ রাখা (যেমন <div> বা <h2>)
❌ শুধুমাত্র হেডিং ব্যবহার করে ডিজাইন বানানো
❌ <br><br><br> দিয়ে বেশি স্পেস নিতে চাওয়া

সংক্ষেপে

HTML শিরোনাম ও অনুচ্ছেদ হলো ওয়েব কনটেন্ট সাজানোর ভিত্তি।

• Headings কনটেন্টের স্ট্রাকচার তৈরি করে

• Paragraph কনটেন্টের বর্ণনা প্রকাশ করে

• সঠিকভাবে ব্যবহার করলে SEO, readability এবং overall design উন্নত হয়