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

Dec 31, 2020 | Web Designing Course

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;

}

0 Comments

Trackbacks/Pingbacks

  1. HTML Contact Form UI Design - How to create HTML Contact Form - Kazi - […] আছে। ট্যাগ গুলো ব্যবহার করে খুব সহজেই HTML Contact Form তৈরি করার যায়। How to create HTML Contact Form…
  2. CSS কি CSS এর কাজ কি? Kazi IT Zone ওয়েব ডিজাইন এন্ড ডেভেলপমেন্ট - […] এর সাহায্যে আপনি HTML পেজ এর টেক্সট গুলিকে নতুন নতুন রং দিতে […]

Submit a Comment

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

Adsense

Categories

জনপ্রিয় পোস্ট সমূহ

Pin It on Pinterest

Share This