এডভান্স ওয়েব ডিজাইন (ডিপলোমা ইন ওয়েব ডিজাইন) এইচটিএমএল এনটিবিউট। (চিত্র সহ ক্লাস-৭)

এডভান্স ওয়েব ডিজাইন (ডিপলোমা ইন ওয়েব ডিজাইন) এইচটিএমএল এনটিবিউট। (চিত্র সহ ক্লাস-৭) 

এইচটিএমএল এর প্রতিটি এলিমেন্ট ব্রাউজারকে এক একটা নির্দেশনা দেয় যে তার ভিতরে থাকা কনটেন্টকে কিভাবে প্রদর্শন করবে। <h1></h1> বলে একটা বড় ফন্টের শিরোনাম তৈরী কর ইত্যাদি। মোট কথা এক ট্যাগ এর সাথে অন্য ট্যাগ
অনেক এলিমেন্ট আছে যারা ব্রাউজারকে যেটা বলে সেটার সাথে আরো নতুন কিছু যোগ করে দেয়া যায়। এই যে একটা এলিমেন্টে নতুন তথ্য যোগ করলেন এটাকে সেই এলিমেন্টের এট্রিবিউট বলে। h1 এলিমেন্ট যখন ব্রাউজারকে বড় ফন্টের শিরোনাম প্রদর্শন করতে বলবে তখন এট্রিবিউট দিয়ে সেই শিরোনামটির রং কি হবে তাও বলে দিতে পারেন। উদাহারণ:
1.<h1 style="color:yellow;">HTML Attribute tutorial</h1>


(বি:দ্র এখানে আপনি যদি yellow এর সাস্থানে red লিখেন তাহলে দেখতে পারবেন লেখা টি লাল )

** এট্রিবিউট লেখার নিয়ম হচ্ছে প্রথমে এট্রিবিউটটির নাম এরপর সমান চিহ্ন (=) দিয়ে কোটেশনের ("" বা '') ভিতর এর মান। (সব ছোট হাতের অক্ষরে লিখবেন)

মুলত ৩ ধরনের এট্রিবিউট গ্রুপ আছে যেগুলি একটা এলিমেন্টে থাকতে পারে। এর মধ্যে কোর এট্রিবিউট (core attribute) এর ব্যবহার সবচেয়ে বেশি দেখবেন।

id, class, title, style হল কোর এট্রিবিউট। এরপর থেকে পরের টিউটোরিয়ালগুলিতে এই এট্রিবিউটগুলিকে গ্লোবাল এট্রিবিউট বলা হবে। HTML 5 এ বেশকিছু নতুন এট্রিবিউট এসেছে যেমন contenteditable, contextmenu, draggable, dropzone ইত্যাদি এ গুলো নিয়ে আমরা আলোচনা কর। এখানে মনে রাখুন গ্লোবাল এট্রিবিউট কয়েকটি HTML এলিমেন্ট ছাড়া সব এলিমেন্টে ব্যবহার করা হয়।

ইন্টারন্যাশলাইজেশান এট্রিবিউট হচ্ছে dir, lang এগুলি
এবং UI event এট্রিবিউট আছে যেমন onclick, ondoubleclick, onmouseout, onkeypress ইত্যাদি। এর থেকে সব টিউটোরিয়ালে এগুলিকে ইভেন্ট এট্রিবিউট বলা হবে। তবে একটা জিনিস মনে রাখুন যে ইভেন্ট এট্রিবিউটগুলি শুধু জাভাস্ক্রিপ্ট এর কাজ এর জন্য ব্যবহৃত হয়।

id, class দিয়ে এলিমেন্টের নাম দেয়া যায় পরে সেই নাম ধরে সিএসএস স্টাইলিং করা হয়। এগুলি সিএসএস টিউটোরিয়ালে আছে।(  বি:দ্র:এখন না পড়লে চলবে শুধু যেনে রাখুন তবে মন চাইলে এখানে দেখতে পারেন যদি ও আমরা পরে আলোচনা করব)

title এট্রিবিউট কোন এলিমেন্টের দিলে এটা দিয়ে টুলটিপ আকারে তথ্য প্রদর্শন করা যায় যেমন
1.<h2 title="You can see?">Bangladesh is a country of natural beauty</h2>
কোড টি নিয়ে গিয়ে নোট পেট এ বসিয়ে দিখেতে পারেন। তাহলে আপনি পুরোটাই বুঝতে পারবেন
Bangladesh is a country of natural beauty
এর উপরে মাইস নিয়ে যান তাহলে "Hello Shobkeso" লেখাটি টুলটিপ আকারে দেখতে পাবেন।

style এট্রিবিউটতো প্রথম উদাহরনেই দেখালাম, এখানে শুধু রং পরিবর্তন করেছি আপনি চাইলে আর অনেক সিএসএস প্রোপার্টিজ ব্যবহার করতে পারেন।

 
যদি আমাদের এই সাইটি আপনার ভাল লাগে তাহলে এখানে লাইক দিতে ভুলবেন না । আপনার লাইক এই সাইট টি মূল প্রেরণা আপনারা লাইক করলে সাইটি আরও ভাল ভাবে কাজ করতে আমাদের অনুপ্রেরণা আসবে www.facebook.com/shobkeso