চতুর্থ অধ্যায় লেকচার-০৫: HTML হেডিং ট্যাগ এর ব্যবহার ও অ্যাট্রিবিউট

HTML Heading

HTML হেডিং ট্যাগ ও এর অ্যাট্রিবিউটস

♥ ওয়েবপেজের ডকুমেন্টগুলোর সুনির্দিষ্ট পরিচয় উপস্থাপন করার জন্য লেখার একটি শিরোনাম দেওয়া হয়, এই শিরোনামগুলোকে HTML-এ হেডিং বলে। আর এই হেডিং দেওয়ার জন্য এইচটিএমএল হেডিং ট্যাগ ব্যবহার করা হয়।
♥ HTML এ মোট ছয়টি হেডিং ট্যাগ রয়েছে। যথা- < h1 >  থেকে < h6 > পর্যন্ত।
♥ HTML হেডিং ট্যাগ  কন্টেইনার ট্যাগ। সুতরাং এর ওপেনিং ও ক্লোজিং রয়েছে।
♥ সবচেয়ে বড় হেডিং ট্যাগ হচ্ছে < h1 > এবং সবচেয়ে ছোট হেডিং ট্যাগ হচ্ছে < h6 >
♥ হেডিং ট্যাগ এর অ্যাট্রিবিউট হলো align এবং অ্যাট্রিবিউটটির ভ্যালু  Left, Right, Center ব্যবহার করে হেডিংকে বামে, ডানে ও সেন্টার করা যায়।

 

ছয় ধরনের হেডিং ট্যাগ এর ব্যবহার :

এইচটিএমএল কোড :
< html >
< head >
< title > Use HTML Heading Tag < /title >
< /head >
< body >
< h1 > I am a Student < /h1 >
< h2 > I am a Student < /h2 >
< h3 > I am a Student < /h3 >
< h4 > I am a Student < /h4 >
< h5 > I am a Student < /h5 >
< h6 > I am a Student < /h6 >
< /body >
< /html >

 

আউটপুট :

I am a Student

I am a Student

I am a Student

I am a Student

I am a Student
I am a Student

 

হেডিং ট্যাগ এ অ্যাট্রিবিউটস এর ব্যবহার :

হেডিং ট্যাগ এ অ্যাট্রিবিউটস এর ব্যবহার সম্পর্কে জানতে হলে প্রথমে অ্যাট্রিবিউটস কী তা জানতে হবে। নিচে অ্যাট্রিবিউটস সম্পর্কে আলোচনা করা হলো-

 

অ্যাট্রিবিউট(Attribute)

যে কী-ওয়ার্ড এইচটিএমএল এলিমেন্ট এর কর্মক্ষমতা, কার্যকারিতা, সৌন্দর্য্য বৃদ্ধি তথা বৈশিষ্ট্য নির্ধারন করে তাকে অ্যাট্রিবিউট বলে। Attribute এইচটিএমএল এলিমেন্ট এর অতিরিক্ত তথ্য প্রকাশ করে।
HTML Attribute সিনট্যাক্স : < tagname attributename=”attributevalue” > Content < /tagname >
Attribute এর দুটি অংশ : ১. Attribute name ২. Attribute value

Attribute ব্যবহারের নিয়ম :

  • Attribute সর্বদা ওপেনিং ট্যাগে ব্যবহার করতে হয়।
  • Attribute ছোট হাতের অক্ষরে লেখা উত্তম।
  • Attribute এর  ভ্যালু ডাবল কোটেশনের ভিতর লিখতে হয়।
  • Attribute ওপেনিং ট্যাগের ভিতরে একটি স্পেস দিয়ে তারপর লিখতে হয়।

যেমন-< h1 align=center > I am a Student < /h1 >

 

Heading Tag এ Attribute এর ব্যবহার :
হেডিং ট্যাগের একটি Attribute হলো align যার ভ্যালু –

  • Left (হেডিং/শিরোনামকে পেজের বামে রাখতে)
  • Right (হেডিং/শিরোনামকে পেজের ডানে রাখতে)
  • Center (হেডিং/শিরোনামকে পেজের মাঝে রাখতে)

যেমন-< h1 >I am a Student< /h1 > এখানে অ্যাট্রিবিউট ব্যবহার করা হয়নি তাই আউটপুটটি পেজের বামে থাকবে।
আউটপুট :

I am a Student

আবার, < h1 align=”center” > I am a Student < /h1 > এখানে হেডিং ট্যাগের অ্যাট্রিবিউট align ব্যবহার করা হয়েছে যার ভ্যালু center দেওয়ার কারনে আউটপুটটি পেজের মাঝে থাকবে।
আউটপুট :

I am a Student

 

HTML < Body > ট্যাগের ব্যবহৃত কিছু অ্যাট্রিবিউটস :
১. bgcolor অ্যাট্রিবিউট ব্যবহার করে ওয়েবপেজের ব্যাকগ্রাউন্ডের রং পরিবর্তন করা যায়। ব্যাকগ্রাউন্ডের রং পরিবর্তন করার html Code হচ্ছে
< body bgcolor=”green” >
২.background অ্যাট্রিবিউট ব্যবহার করে ওয়েবপেজের ব্যাকগ্রাউন্ডে ইমেজ ব্যবহার করা যায়। ব্যাকগ্রাউন্ডে ইমেজ ব্যবহার করার html Code হচ্ছে < body background=”lemon.jpg” >
৩. text অ্যাট্রিবিউট ব্যবহার করে ওয়েবপেজের সকল টেক্সটের রং নির্ধারন করা যায়। ওয়েবপেজের সকল টেক্সটের রং নির্ধারন করার html Code হচ্ছে < body text=”green” >

HTML Syntax : HTML ভাষায় প্রোগ্রাম রচনার ক্ষেত্রে ব্যবহৃত কী-ওয়ার্ডগুলো লেখার কিছু নিয়মনীতি আছে, যা মেনে প্রোগ্রাম রচনা করতে হয় এগুলোকে HTML Syntax বলে। যেমন- < tag > Document Content < /tag >

HTML Validator : HTML এ তৈরি করা পেজের সিনট্যাক্স বের করার কৌশলকে HTML Validator বলে।

[ নোট: Heading one কে সংক্ষেপে h1 লেখা হয় এবং একইভাবে পর্যায়ক্রমে h1, h2, h3, h4, h5, h6 লেখা হয়। Head এবং Heading ট্যাগের মধ্যে কোন সম্পর্ক নেই । ]

 

 

চতুর্থ অধ্যায় লেকচার-০৪: HTML এর মৌলিক বিষয়সমূহ।



Written by:

Habibur Rahman(Habib Sir)
Author at www.habibictcare.com
Email:habibbzm2018@gmail.com
Cell: +8801712-128532,+8801913865284

Leave a Reply

Your email address will not be published. Required fields are marked *