আজ আমরা যে বিষয় নিয়ে আলোচনা করবো সেটা হলো এইচটিএমএল হেডিং ট্যাগ এর ব্যাবহার। শিরোনাম বা হেডিং আকারে বড় ফন্টের লেখা ব্রাউজারে প্রদর্শনের জন্য এইচটিএমএল এ রয়েছে ৬ ধরনের হেডিং ট্যাগ। এর মধ্যে সবচেয়ে বড় হচ্ছে <h1></h1> এভাবে <h2></h2>, <h3></h3>... h1 পর্যন্ত
যেমন
<h1>A long flow of text</h1>
<h2>unbroken by title,</h2>
<h3subtitles, and other headers, </h3>
<h4>crosses the eyes and numbs the mind</h4>
<h5>not to mention the fact that</h5>
<h6>it makes it nearly impossible to scan the text for a specific topic</h6>
** আবারো বলে রাখি যেটা প্যারাগ্রাফ টিউটোরিয়ালে বললাম - এখানে শুধু জায়গা এবং সময় বাচানোর জন্য শুধুমাত্র h1 এলিমেন্ট দেয়া হল আসলে বাস্তবে <body></body> এর ভিতর এইসব এলিমেন্ট থাকবে এবং অবশ্যই ডকুমেন্টের পূর্ন স্ট্রাকচার অনুসরন করতে হবে। অর্থ্যাৎ একটা পূর্নাঙ্গ ডকুমেন্টের ভিতরেই এগুলি রাখতে হবে। যেমন Doc Type টিউটোরিয়ালে রেখেছি
প্রদর্শন:
A long flow of text
unbroken by title,
crosses the eyes and numbs the mind
not to mention the fact that
it makes it nearly impossible to scan the text for a specific topic
** এখানে আমাদের এই সাইটের সিএসএস ইফেক্ট করার কারনে সাইজ এবং রং একটু ভিন্ন দেখাচ্ছে আপনি এটা সেভ করে ব্রাউজারে বা আমদের এডিটরে রান করালে একদম আসল আউটপুট টি দেখতে পাবেন।
p ট্যাগের মতই এখানেও align, class, dir, id, lang, onlick, onkeydown, onkeypress, style, title ইত্যাদি এট্রিবিউট ব্যবহার করতে পারেন।
হেডিং (<h1></h1>) এবং প্যারাগ্রাফ (<p></p>) এলিমেন্ট ব্যবহার করে একটা
উদাহরন
<!DOCTYPE html>
<html>
<head>
<title>Official blogger HTML Tutorials</title>
</head>
<body>
<h1>Official blogger is the largest Bengali tutorial site</h1>
<p>To learn Web developemnt and design please visit
<a href="http://www.officialbloggerbd.blogspot.com</a>
</p>
</body>
</html>
এটা একটা পূর্নাঙ্গ উদাহরন। .html এক্সটেনসন দিয়ে সেভ করে (যেমন index.html test.html) ব্রাউজারে রান করান বা আমাদের অনলাইন এডিটরে দেখুন।
