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



শিরোনাম বা হেডিং আকারে বড় ফন্টের লেখা ব্রাউজারে প্রদর্শনের জন্য এইচটিএমএল এ রয়েছে ৬ ধরনের হেডিং ট্যাগ। এর মধ্যে সবচেয়ে বড় হচ্ছে <h1></h1> এভাবে <h2></h2>, <h3></h3>... h1 পর্যন্ত
যেমন
1.<h1>A long flow of text</h1>
2.<h2>unbroken by title,</h2>
3.<h3subtitles, and other headers, </h3>
4.<h4>crosses  the eyes and numbs the mind</h4>
5.<h5>not to mention the fact that</h5>
6.<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>) এলিমেন্ট ব্যবহার করে একটা
উদাহরন
01.<!DOCTYPE html>
02.<html>
03.<head>
04.<title>Webcoachbd HTML Tutorials</title>
05. 
06.</head>
07.<body>
08. 
09.<h1>Webcoachbd is the largest Bengali tutorial site</h1>
10. 
11.<p>To learn Web developemnt and design please visit
12.<a href="http://www.webcoachbd.com">Webcoachbd</a>
13.</p>
14. 
15.</body>
16.</html>
এটা একটা পূর্নাঙ্গ উদাহরন। .html এক্সটেনসন দিয়ে সেভ করে (যেমন index.html test.html) ব্রাউজারে রান করান বা আমাদের অনলাইন এডিটরে দেখুন।

0 মন্তব্য(গুলি):