এইচটিএমএল হেডলাইন (HTML Heading)
Heading বলতে হেডলাইন বা শিরোনাম বুঝানো হয়। পত্রিকায় একটা খবর লিখার আগে খবরটির মুল বিষয় বস্তু বুঝানোর জন্য বড় অক্ষরে একটি শিরোনাম দেওয়া হয়, টেলিভিশন, বই পুস্তক, কিংবা ওয়েবসাইট। সবখানে যে লেখা গুলি সবার আগে নজরে পড়ে সেটা হল শিরোনাম। এই শিরোনামকে এইচটিএমএল এর ভাষায় Headings হেডিং বলা হয়। এইচটিএমএল এ শিরোনামকে <h1> থেকে <h6> পর্যন্ত ছয় ভাগে ভাগ করা হয়েছে। <h1> ট্যাগের অক্ষরগুলো বড় এবং <h2>, <h3>, <h4>, <h5> এবং <h6> পর্যন্ত অক্ষরগুলো যথাক্রমে ছোট হয়ে আসে।
এইচটিএমএল Headings একটি ওয়েবসাইটে অনেক গুরুত্ব বহন করে থাকে। কারণ আপনি যা কিছু লেখেন, ইউজার সেটা কতটা গুরুত্ব দিয়ে পড়বেন সেটা নির্ভর করবে শিরোনামের উপর। একটা ছবি বা একটা অডিও ভিডিও সব কিছুরই সুন্দর একটা নাম বা শিরোনাম হয়ে থাকে। এক কথায় যে লেখাটা সবচেয়ে বেশি ফোকাস হয় সেটাই Heading বা শিরোনাম।
<h1> থেকে <h6> পর্যন্ত এই ট্যাগ গুলোর ডিফল্ট ষ্টাইল আছে। প্রতিটি আলদা আলদা করে উদাহরণ দেখালাম। ভিজিট করে নিজেই সম্পাদন করে দেখতে পারেন। বিস্তারিত জানতে ভিডিও টিউটোরিয়ালটি দেখুন।
বিস্তারিত ভিডিও সহ দেখুন
কোড উদাহরণ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> HTML Heading </title>
</head>
<body>
<h1>This Is h1 Heading.</h1>
<h2>This Is h2 Heading.</h2>
<h3> ইহা এইচটিএমএল h3 হেডিং </h3>
<h4>This Is h4 Heading.</h4>
<h5>This Is h5 Heading.</h5>
<h6>This Is h6 Heading.</h6>
</body>
</html>
ফলাফল
<h1> ট্যাগের ডিফল্ট স্টাইল
<style type="text/css">
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h2> ট্যাগের ডিফল্ট স্টাইল
<style type="text/css">
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h3> ট্যাগের ডিফল্ট স্টাইল
<style type="text/css">
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h4> ট্যাগের ডিফল্ট স্টাইল
<style type="text/css">
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h5> ট্যাগের ডিফল্ট স্টাইল
<style type="text/css">
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h6> ট্যাগের ডিফল্ট স্টাইল
<style type="text/css">
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
Keep Your Ads Here...
ঐতিহাসিক কালার থিওরি
বিস্তারিত দেখুন এইচটিএমএল আইকন
বিস্তারিত দেখুন ওয়েবের যত ফন্টস
বিস্তারিত দেখুন সিএসএস এনিমেশন
বিস্তারিত দেখুন হরেক রকম মেনু
বিস্তারিত দেখুন রকমারি বাটন
বিস্তারিত দেখুন