এইচটিএমএল হেডিং টিউটোরিয়াল (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) ব্রাউজারে রান করান
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন