There is no item in the cart. If you want to buy, Please click here.
এইচটিএমএল(HTML) টিউটোরিয়াল
HTML ID and Class
ID
ID দিয়ে এইচটিএমএল এর একটি নির্দিষ্ট ইলিম্যান্টকে স্টাইল দেওয়ার কাজে ব্যবহৃত হয়।
সিএসএস এ id এর রুল গুলো লেখা শুরু করার আগে # চিহ্ন দিতে হয় তারপর id এর নাম এবং শেষে দ্বিতীয় ব্র্যাকেটের মধ্যে সিএসএস রুল গুলো লিখতে হয়
উদাহরন:
<!DOCTYPE html>
<head>
<title>ID Example</title>
<style>
p {
color:red;
}
#myid {
color:blue;
}
</style>
</head>
<body>
<h1> Hello web! </h1>
<p>This is a paragraph </p>
<p id="myid">This is another paragraph with an id </p>
<p>This is another paragraph with an id </p>
</body>
</html>
Class
অপর দিকে class দিয়ে একের অধিক ইলিম্যান্টকে স্টাইল দেওয়া যায়।
সিএসএস এ class এর রুল গুলো লেখা শুরু করার আগে . [ডট] চিহ্ন দিতে হয় তারপর class এর নাম এবং শেষে দ্বিতীয় ব্র্যাকেটের মধ্যে সিএসএস রুল গুলো লিখতে হয়
উদাহরন:
<!DOCTYPE html>
<head>
<title>ID Example</title>
<style>
p {
color:red;
}
.myclass {
color:blue;
}
.myclass2 {
font-size:20px;
font-weight:bold;
}
</style>
</head>
<body>
<h1> Hello web! </h1>
<p>This is a paragraph </p>
<p class="myclass">This is another paragraph with a class </p>
<p>This is another paragraph </p>
<p class="myclass2">This is another paragraph with another class </p>
<p class="myclass myclass2">This is a paragraph with two class</p>
</body>
</html>
