HTML Class ও ID ব্যবহারের নিয়ম

HTML Class ও ID ব্যবহারের নিয়ম

HTML Class ও ID ব্যবহারের নিয়ম

ওয়েব সাইট তৈরি করার জন্য আনেক উপাদান ব্যবহার করা হয়। ওয়েব পেজটিকে সুন্দর ও আকর্ষনীয় করে তেরার জন্য HTML ট্যাগের ভিতরে Class বা ID ব্যবহার করা হয়। এই Class বা ID টি ধরে CSS দিয়ে সুন্দর সুন্দর ডিজাইন করা হয়। আনের মনে হতে পারে Class বা ID ছাড়াকি উপাদান গুলো ডিজাইন করা যায় না। ট্যাগ গুলোকে ধরে ডিজাইন করা যায় তবে এই নিয়মটি না মানাই ভালো। কারণ হলো আপনার ওয়েব পেজে একটি <p> </p> থাকবে না আনেক গুলো <p> </p> যদি আপনি Class বা ID ব্যবহার না করেন তবে সকল <p> </p> ট্যাগ একই ডিজাইন পাবে। এই সমস্যা দুর করার জন্য Class বা ID ব্যবহার করা উত্তম।

HTML Class ব্যবহারের নিয়মঃ

HTML যেকোন ট্যাগ এর ভিতর Class ব্যবহার করা যায়। Class ব্যবহারের জন্য প্রথমে HTML ট্যাগ টি লিখতে হবে তার পর HTML শুরুর ট্যাগ এর ভিতরে Class লিখে Class Name দিতে হবে।

যেমনঃ

<p class=”demo”> this is paragraph </p>

এখানে <p> </p> এ Class ব্যবহার করা হয়েছে যার নাম “demo” এই Class টিকে ডিজাইন করার জন্য নিম্নে নিয়মটি দেখেন

. দিয়ে Class name টি দিতে হবে।

যেমনঃ

.demo {

Background-color: #000;

}

HTML ID ব্যবহারের নিয়মঃ

HTML যেকোন ট্যাগ এর ভিতর id ব্যবহার করা যায়। id ব্যবহারের জন্য প্রথমে HTML ট্যাগ টি লিখতে হবে তার পর HTML শুরুর ট্যাগ এর ভিতরে id লিখে Class Name দিতে হবে।

যেমনঃ

<p id=”demo”> this is paragraph </p>

এখানে <p> </p> এ id ব্যবহার করা হয়েছে যার নাম “demo” এই id টিকে ডিজাইন করার জন্য নিম্নে নিয়মটি দেখেন

দিয়ে id name টি দিতে হবে।

যেমনঃ

#demo {

Background-color: #000;

}

Pin It on Pinterest