৪আজ এইচটিএমএল এর এট্রিবিউটস (Attribute) নিয়ে আলোচনা করবো।
এট্রিবিউট এইচটিএমএল এর এলিমেন্ট কার্যক্ষমতাকে বৃদ্ধি করা।
যেমন ধরুন আমরা সাধারণত h1 এলিমেন্ট দিয়ে ব্রাউজারকে বলি বড় ফন্টের শিরোনাম প্রদর্শন করতে আর এট্রিবিউট দিয়ে আমরা এই এলিমেন্টটির রং, ব্যাকগ্রাউনড কালার ,সাইজ আরও অনেক কিছু দিতে পারবো।
অর্থাৎ এট্রিবিউট (Attribute) এর কাজ হচ্ছে ট্যাগ এর বিভিন্ন বৈশিষ্ট বা মান বাড়ানো।
নিচের কোডটুকু যেকোনো এডিটরে লিখুন এবং সেভ করে ব্রাউজারে ওপেন করুন।
Hello, This is example of color
Hello, This is example of color
Hello, This is example of color
Hello, This is example of color
Hello, This is example of color
Hello, This is example of color
Hello, This is example of color
Hello, This is example of color
Hello, This is example of color
ব্রাউজার ওপেন করলে নিচের ছবির মতো দেখবেন ।
এখানে size=”5″ অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে এলিমেন্ট অর্থাৎ Hello, This is example of color । লেখাটির সাইজ কেমন হবে। এছাড়া face=” New Time Roman ” প্রকাশ করছে লেখাটির font হবে New Time Roman এবং color=” white ” দ্বারা প্রকাশ করছে লেখাটির রং হবে সাদা।
এইচটিএমএল এট্রিবিউটে (Attribute) মুলত তিন ধরনের গ্রুপ আছে যেগুলি এলিমেন্টগুলোতে বেশি ব্যাবহার করা হয়। এগুলো হলঃ
১। কোর এট্রিবিউট (core attribute)
২।ইন্টারন্যাশলাইজেশান এট্রিবিউট (Internationalization Attributes)
৩।ইউ আই এট্রিবিউট (UI event )
কোর এট্রিবিউটঃ
এইচটিএমএল এলিমেন্টগুলোতে সবচেয়ে চারটি কোর এট্রিবিউট ব্যাবহার করা হয়। সেগুলো হলোঃ
১। Id
২। class
৩। title
৪। style
ইন্টারন্যাশলাইজেশান এট্রিবিউটঃ
সবচেয়ে বেশি তিনটি ইন্টারন্যাশলাইজেশান এট্রিবিউট ব্যাবহার করা হয়,
Dir
lang
xml:lang
UI event এট্রিবিউটঃ
onclick, ondoubleclick, onmouseout, onkeypress ইত্যাদি হচ্ছে UI event এট্রিবিউট। ইভেন্ট এট্রিবিউটগুলি শুধু জাভাস্ক্রিপ্ট এর কাজ এর জন্য ব্যবহৃত হয়। এগুলোর মধ্যে কোর এট্রিবিউট (core attribute) এর ব্যবহার সবচেয়ে বেশি দেখা যায়।
আর্টিকেলটি পড়ার জন্য ধন্যবাদ। আজ এই পর্যন্ত ,আগামী পর্ব দেখার দেখার আমন্ত্রণ জানিয়ে আজকের মতো এখানেই শেষ করছি