There is no item in the cart. If you want to buy, Please click here.
এইচটিএমএল(HTML) টিউটোরিয়াল
HTML ID ও Class
Id -একটি আইডি বা ID এট্রিবিউট ব্যবহার করে প্রতিটি এইচটিএমএল এলিমেন্টের জন্য ইউনিক আইডি নির্ধারণ করা হয়। আইডি সিলেক্টর ব্যবহার করে কোন নির্দিষ্ট এইচটিএমএল এলিমেন্টে সিএসএস বা জাভাস্ক্রিপ্ট ব্যবহার করা যায়
একটি আইডি এট্রিবিউট হল কোন এইচটিএমএল এলিমেন্টের জন্য নির্ধারিত একটি সতন্দ্র নাম। আইডি এট্রিবিউটের মান অর্থাৎ নামটি একদম ইউনিক হতে হয়। আইডি ব্যবহার করে কোন নির্দিষ্ট এইচটিএমএল এলিমেন্টে সিএসএস বা জাভাস্ক্রিপ্টের কাজগুলো সুনির্ধারিত ভাবে নির্ধারণ করে সম্পন্ন করা যায
উদাহরনঃ
<style>
#myHeader {
background-color: silver;
color: teal;
padding: 40px;
text-align: center;
}
</style>
<h1 id="myHeader">My Header</h1>
Class -একাধিক এইচটিএমএল এলিমেন্টে একই রকম স্টাইল কোড ব্যবহার করার জন্য এইচটিএমএল class এট্রিবিউট ব্যবহার করা হয়। ক্লাস সিলেক্টর ব্যবহার করে কোন একই ক্লাস যুক্ত একাধিক এইচটিএমএল এলিমেন্টে সিএসএস স্টাইল কোড বা জাভাস্ক্রিপ্ট কোড ব্যবহার করা যায়।
ক্লাস ব্যবহার পদ্ধতি
সিএসএস এ ক্লাস ব্যবহার করতে হলে একটি ডট ছিনহ ( . ) ব্যবহার করতে হয় এবং তারপর ক্লাসের নাম লিখতে হয়। তারপর ঐ এলিমেন্টের সিএসএস স্টাইল কোড গুলো class name এর পরে এক্তি ২য় বন্ধনীর মাঝে লেখা হয়। নিচে ের উদাহরণ দেখুন
উদাহরনঃ
<style>
.city {
background-color: tomato;
color: black;
padding: 15px;
}
</style>
<h2 class="city">Delhi</h2>
<p>Delhi is the capital of India.</p>
