এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৭ – হেডিং টিউটোরিয়াল (HTML Heading Tutorial in Bangla)

শিরোনাম বা হেডিং আকারে বড় ফন্টের লেখা ব্রাউজারে প্রদর্শনের জন্য এইচটিএমএল এ রয়েছে ৬ ধরনের হেডিং ট্যাগ। এর মধ্যে সবচেয়ে বড় হচ্ছে <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 টিউটোরিয়ালে রেখেছি

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

 

** এখানে আমাদের এই সাইটের সিএসএস ইফেক্ট করার কারনে সাইজ এবং রং একটু ভিন্ন দেখাচ্ছে আপনি এটা সেভ করে ব্রাউজারে বা আমদের এডিটরে রান করালে একদম আসল আউটপুট টি দেখতে পাবেন।

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৭ - হেডিং টিউটোরিয়াল (HTML Heading Tutorial in Bangla)

p ট্যাগের মতই এখানেও align, class, dir, id, lang, onlick, onkeydown, onkeypress, style, title ইত্যাদি এট্রিবিউট ব্যবহার করতে পারেন।

হেডিং (<h1></h1>) এবং প্যারাগ্রাফ (<p></p>) এলিমেন্ট ব্যবহার করে একটা

উদাহরন

<!DOCTYPE html>
<html>
<head>
<title>Webcoachbd HTML Tutorials</title>
 </head>
<body>
<h1>Webcoachbd is the largest Bengali tutorial site</h1>
<p>To learn Web developemnt and design please visit
<a href="http://www.webcoachbd.com">Webcoachbd</a>
</p>
</body>
</html>

এটা একটা পূর্নাঙ্গ উদাহরন। .html এক্সটেনসন দিয়ে সেভ করে (যেমন index.html test.html) ব্রাউজারে রান করান বা আমাদের অনলাইন এডিটরে দেখুন।

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

Leave a Reply