HTML হেডিং <h1> থেকে <h6> পর্যন্ত ছয় লেভেলকে বোঝায়, যেখানে h1 সবচেয়ে গুরুত্বপূর্ণ হেডিং লেভেল এবং h6 সবচেয়ে কম গুরুত্বপূর্ণ। H1, H2, H3, H4, H5, H6 — এই ছয়টি হেডিং।
দ্রষ্টব্য: সার্চ ইঞ্জিন (যেমন গুগল) ওয়েবপেজের কন্টেন্ট ইন্ডেক্স করার জন্য হেডিং ব্যবহার করে।
উদাহরণ
HTML Heading এর একটি উদাহরণ:
<!DOCTYPE html> <html> <head> <title>HTML Heading</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>HTML Heading</legend> <input type="text" id="textSelect" placeholder="Type Heading Here..."> <div id="radioBut"> <label>H1</label><input class="radio" type="radio" name="heading" value="h1" checked> <label>H2</label><input class="radio" type="radio" name="heading" value="h2"> <label>H3</label><input class="radio" type="radio" name="heading" value="h3"> <label>H4</label><input class="radio" type="radio" name="heading" value="h4"> <label>H5</label><input class="radio" type="radio" name="heading" value="h5"> <label>H6</label><input class="radio" type="radio" name="heading" value="h6"> </div> <div>Heading Preview: <span id="headingPreview">Output will show up here</span></div> <input type="button" onclick="changeHeading()" value="Preview"> </fieldset> </form> <script> var textSelect = document.getElementById("textSelect"); var headingPreview = document.getElementById("headingPreview"); function changeHeading() { if(textSelect.value === '') headingPreview.innerHTML = 'Write a Heading'; else{ for(var i=0; i<6; i++){ var radInp = document.getElementsByClassName('radio')[i]; if(radInp.checked === true && textSelect.value !== '') headingPreview.innerHTML ='<'+radInp.value+'>'+textSelect.value+'</'+radInp.value+'>'; } } } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
১) 'Preview' বাটনে ক্লিক করার আগে টেক্সট ফিল্ড খালি থাকলে:
২) 'Preview' বাটনে ক্লিক করার পর টেক্সট ফিল্ড খালি থাকলে:
৩) 'Preview' বাটনে ক্লিক করার পর টেক্সট ফিল্ড খালি নয় এবং 'h6' রেডিও বাটন চেক করা থাকলে:
৪) 'Preview' বাটনে ক্লিক করার পর টেক্সট ফিল্ড খালি নয় এবং 'h1' রেডিও বাটন চেক করা থাকলে:
