এইচটিএমএল Heading(<h1> - <h6>) ট্যাগ
<h1> - <h6> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<h1> - <h6> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
এইচটিএমএলে শিরোনাম/হেডিং লেখার জন্য <h1> - <h6> ট্যাগসমূহ ব্যবহার করা হয়।
অন্যকথায় <h1> থেকে <h6> দ্বারা এইচটিএমএলে হেডিং বা শিরোনাম তৈরি করা হয়।
<h1> দ্বারা সবচেয়ে বেশি গুরুত্বপূর্ণ হেডিং এবং <h6> দ্বারা সর্বনিম্ন গুরুত্বপূর্ণ হেডিং বুঝায়।
নিচের উদাহরণে <h1> - <h6> হেডিং দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<h1>এটি হলো হেডিং ১</h1>
<h2>এটি হলো হেডিং ২</h2>
<h3>এটি হলো হেডিং ৩</h3>
<h4>এটি হলো হেডিং ৪</h4>
<h5>এটি হলো হেডিং ৫</h5>
<h6>এটি হলো হেডিং ৬</h6>
</body>
</html>
ফলাফল
এট্রিবিউট
নিচের টেবিলে <h1> - <h6> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| align | left center right justify |
এইচটিএমএল(৫)-এ সাপোর্ট করেনা। হেডিং এর alignment নির্ধারণ করে। |
<h1> - <h6> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<h1> - <h6> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <h1> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}অধিকাংশ ব্রাউজারেই <h2> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}অধিকাংশ ব্রাউজারেই <h3> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}অধিকাংশ ব্রাউজারেই <h4> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}অধিকাংশ ব্রাউজারেই <h5> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}অধিকাংশ ব্রাউজারেই <h6> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}