HTML Headings

এইচটিএমএল হেডার

এইচটিএমএল হেডার

HTML হেডার হল হেডার বা সাবহেডার যা আপনি একটি ওয়েব পেজে প্রদর্শন করতে চান।

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

এইচটিএমএল হেডার

এইচটিএমএল হেডার<h1>প্রথম<h6>ট্যাগ পর্যন্ত দ্বারা সংজ্ঞায়িত করা হয়.

<h1>সবচেয়ে গুরুত্বপূর্ণ বিষয় সংজ্ঞায়িত করে।<h6>সর্বনিম্ন গুরুত্বের বিষয় সংজ্ঞায়িত করে।

উদাহরণ

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

📝দ্রষ্টব্য:

ব্রাউজার স্বয়ংক্রিয়ভাবে শিরোনামের আগে এবং পরে কিছু সাদা স্থান (একটি মার্জিন) যোগ করে।

শিরোনাম গুরুত্বপূর্ণ

সার্চ ইঞ্জিন আপনার ওয়েব পৃষ্ঠাগুলির গঠন এবং বিষয়বস্তু সূচী করতে শিরোনাম ব্যবহার করে।

ব্যবহারকারীরা প্রায়ই একটি পৃষ্ঠার শিরোনাম দ্বারা দ্রুত দেখেন। নথির কাঠামো দেখানোর জন্য শিরোনাম ব্যবহার করা গুরুত্বপূর্ণ।

<h1>প্রধান শিরোনামের জন্য শিরোনাম ব্যবহার করা উচিত, তারপরে<h2>শিরোনাম, তারপর কম গুরুত্বপূর্ণ<h3>, এবং তাই.

উদাহরণ

<h1>Travel Guide</h1>

<h2>Europe</h2>
<h3>France</h3>
<h3>Italy</h3>

<h2>Asia</h2>
<h3>India</h3>
<h3>Thailand</h3>

<h1>- পৃষ্ঠার শিরোনাম

মূল পৃষ্ঠার শিরোনাম। প্রতি পাশে মাত্র একজন<h1>হওয়া উচিত

<h2>- বিভাগের শিরোনাম

প্রধান বিভাগীয় বিষয়। এক পৃষ্ঠায় একাধিক<h2>হতে পারে।

<h3>- উপ-শিরোনাম

উপ-বিভাগের শিরোনাম।<h2>বিভাগে ব্যবহৃত হয়.

💡পরামর্শ:

প্রতি পৃষ্ঠায় মাত্র একটি<h1>শুধুমাত্র i ব্যবহার করুন - এটি প্রধান শিরোনাম বা নাম বোঝায়।

⚠️দ্রষ্টব্য:

শুধুমাত্র শিরোনামের জন্য HTML হেডার ব্যবহার করুন। টেক্সট বড় বা সাহসী করতে শিরোনাম ব্যবহার করবেন না.

বড় বিষয়

প্রতিটি HTML হেডারের একটি ডিফল্ট আকার আছে। যাইহোক, CSSfont-sizeচারিত্রিকভাবেstyleবৈশিষ্ট্য ব্যবহার করে যে কোনও বিষয়ের জন্য আকার নির্দিষ্ট করা যেতে পারে:

উদাহরণ

<h1 style="font-size:60px;">Heading 1</h1>

ডিফল্ট মাপ

h1: 2em, h2: 1.5em, h3: 1.17em, h4: 1em, h5: 0.83em, h6: 0.67em

CSS স্টাইলিং

শৈলী বৈশিষ্ট্যের মাধ্যমে কাস্টম আকার

বাহ্যিক CSS

সমস্ত শিরোনাম বহিরাগত স্টাইল শীট দিয়ে স্টাইল করা যেতে পারে

বিষয় অনুক্রমের উদাহরণ

সঠিক HTML শিরোনাম অনুক্রম কিভাবে ব্যবহার করতে হয় তার একটি উদাহরণ:

<!DOCTYPE html>
<html>
<head>
<title>Book Store</title>
</head>
<body>

<h1>Welcome to Our Book Store</h1>

<h2>Fiction Books</h2>
<h3>Science Fiction</h3>
<p>Description of science fiction books...</p>

<h3>Fantasy</h3>
<p>Description of fantasy books...</p>

<h2>Non-Fiction Books</h2>
<h3>Biographies</h3>
<p>Description of biography books...</p>

<h3>Self-Help</h3>
<p>Description of self-help books...</p>

</body>
</html>

🏗️কাঠামোগত স্থিতিশীলতা:

হেডিং পজিশন এড়িয়ে যাবেন না (যেমন, সরাসরি h1 থেকে h3 তে লাফ দেবেন না)। একটি সুশৃঙ্খল শ্রেণিবদ্ধ কাঠামো SEO এবং অ্যাক্সেসযোগ্যতার জন্য দুর্দান্ত।

ব্যায়ামের মাধ্যমে শেখা

❓নিচের বিষয়গুলোর মধ্যে কোনটি সবচেয়ে বড় এবং গুরুত্বপূর্ণ?

<h1>
✓ ঠিক আছে! <h1> সবচেয়ে গুরুত্বপূর্ণ এবং বৃহত্তম শিরোনাম
<h2>
✗ ভুল! <h2> <h1> এর পরে দ্বিতীয় সবচেয়ে গুরুত্বপূর্ণ
<h3>
✗ ভুল! <h3> তৃতীয় সবচেয়ে গুরুত্বপূর্ণ শিরোনাম
<h4>
✗ ভুল! <h4> চতুর্থ সবচেয়ে গুরুত্বপূর্ণ শিরোনাম
<h5>
✗ ভুল! <h5> পঞ্চম সবচেয়ে গুরুত্বপূর্ণ শিরোনাম
<h6>
✗ ভুল! <h6> একটি কম গুরুত্বপূর্ণ শিরোনাম

HTML ট্যাগ রেফারেন্স

জাসিফ টিমের ট্যাগ রেফারেন্সে এই ট্যাগ এবং তাদের বৈশিষ্ট্য সম্পর্কে আরও তথ্য রয়েছে।

ট্যাগ ব্যাখ্যা
<html> একটি HTML নথির উৎস সংজ্ঞায়িত করে
<body> নথির মূল অংশ সংজ্ঞায়িত করে
<h1>প্রথম<h6>পর্যন্ত HTML হেডার সংজ্ঞায়িত করে

সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।