HTML এট্রিবিউট

সাধারনত, ট্যাগ কে মডিফাই করার জন্য এট্রিবিউট ইউজ করা হয়. এইচটিএমএল ট্যাগ এর কার্যক্রমকে বৃদ্ধি করার জন্য এট্রিবিউট ব্যবহার করা হয়। HTML এ তৈরি ওয়েবপেজকে আরও সুন্দর করার জন্য এট্রিবিউট ব্যবহার করা প্রয়োজন। এট্রিবিউট ব্যবহার ভাল জানতে পাড়লে আপনি আপনার ওয়েবপেজকে আকর্শনীয় করে তুলতে পাড়বেন। এটি ট্যাগ এর সাথে ব্যবহার করা হয়। অর্থাৎ ট্যাগ এর <…> ভিতরে এট্রিবিউট লিখতে হয়।
একটি এট্রিবিউট এর দুইটি অংশ থাকে। যথা:
1. Attribute name
2. value
যেমন, <tag attributes ="value">
আমরা চাইলে একই ট্যাগে একাধিক এট্রিবিউট ব্যবহার করতে পাড়ি। যেমন,
<tag attributes ="value" attributes ="value">

আমরা <table> ট্যাগ ব্যবহার করে টেবিল তৈরি করতে পাড়ি। এই ট্যাগের সাথে width এবং height এট্রিবিউট ব্যবহার করে এর প্রস্থ, উচ্চতা ঠিক করতে পারি।  যেমন,
<table width="200" height="150">

Class বা id attributes:

Class বা id attribute এর ব্যবহার প্রায় একই তবে কিছুটা ভিন্নতা আছে। এগুলো জাভাস্ক্রিপ্ট ও সিএসএস এ ভুমিকা রাখে। (পরবর্তীতে আমরা এ নিয়ে আলোচনা করব।)

Name এট্রিবিউট:

এটি ফরম বা অন্যান্ন ইনপুট এলিমেন্টের সাথে দেখা যায়। যেমন,
<input type="text" name="TextField" />

Title এট্রিবিউট:

এই attribute টি কোন এইচটিএমএল এলিমেন্ট এর শিরোনাম এবং ছোট popup টেক্স যুক্ত করে এমন ভাবে যুক্ত করে যখন ওয়েব পেজে ঐ শিরোনামের উপর মাউস রাখা হয় তখন ছোট popup টেক্সটি প্রদর্শন করে।
<h2 title="Hello There!">Titled Heading Tag</h2>

Align এট্রিবিউট:

এর সাহায্যে এলিমেন্টের সমান্তরাল অবস্থান পরিবর্তন করা যায়। এর সাহায্যে এলিমেন্টকে left, Right or center করা যায়।

<h2 align="center">hello world</h2>

Valign এট্রিবিউট:

এর সাহায্যে এলিমেন্টের উলম্ব(Vertically)  অবস্থান পরিবর্তন করা যায়। এর সাহায্যে এলিমেন্টকে top, middle, bottom করা যায়।

<h2 valign="top">hello world</h2>

Generic attributes:

Attribute দিয়ে ওয়েবপেজ কে সম্পুর্নভাবে কাস্টমাইজ করা যায়। নিচে টেবিলে কিছু এইট্রবিউট দেয়া হল যা অনেক HTML Tag এর সাথে সহজে ব্যবহার করা যায়।

Attribute	Options	Function
align	right, left, center	সমান্তাল (Horizontally) aligns tags
valign	top, middle, bottom	উলম্ব(Vertically) aligns tags
bgcolor	numeric, hexadecimal, RGB values	Element এর  background color নিদের্শ করে।
background	URL	Background image উপর element নিদের্শ করে।
id	ব্যবহারকারীর নির্দেশ অনুযায়ী	Element  এর Name যা Cascading Style Sheets (css)   সাথে ব্যবহার করা হয়।
class	ব্যবহারকারীর নির্দেশ অনুযায়ী	Element  এর শ্রেনীবিন্যাস  যা Cascading Style Sheets (css) সাথে ব্যবহার করা হয়।
width	Numeric Value	Tables, images, or table cells এর width নির্দেশ  করে ।
height	Numeric Value	Tables, images, or table cells এর height  নির্দেশ  করে ।
title	ব্যবহারকারীর নির্দেশ অনুযায়ী	আপনার elements এর “Pop-up” title ।