HTML শ্রেণী
এইচটিএমএল-কে ক্যাটাগরি করুন (ক্লাস সেট করুন) যাতে আমরা ইলেকট্রনের ক্লাসের জন্য সিএসএস স্টাইল নির্দিষ্ট করতে পারি。
একই ক্লাসের জন্য একই স্টাইল সেট করুন বা ভিন্ন ক্লাসের জন্য ভিন্ন স্টাইল সেট করুন。
ইনস্ট্যান্স
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>লন্ডন</h2>
<p>
লন্ডন ইংল্যান্ডের রাজধানী শহর।
এটি যুক্তরাজ্যের সর্ববৃহৎ জনবহুল শহর,
13 মিলিয়নেরও বেশি অধিবাসী বিশিষ্ট মেট্রোপলিটান এলাকা নিয়ে রয়েছে。
</p>
</div>
</body>
</html>
ক্যাটাগরি ব্লক স্টাইলিং ইলেকট্রন
এইচটিএমএল <div> ইলেকট্রন হলব্লক স্টাইলিং ইলেকট্রনএটা অন্য এইচটিএমএল ইলেকট্রনের কন্টেনার হিসাবে ব্যবহার করা যেতে পারে。
একই <div> ইলেকট্রনের জন্য ক্লাস সেট করুন যাতে আমরা একই ক্লাসের জন্য একই ক্লাস সেট করতে পারি:
ইনস্ট্যান্স
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>লন্ডন</h2>
<p>লন্ডন ইংল্যান্ডের রাজধানী শহর।
এটি যুক্তরাজ্যের সর্ববৃহৎ জনবহুল শহর,
যার মহানগরী এলাকার জনসংখ্যা ১৩ মিলিয়নের বেশি।</p>
</div>
<div class="cities">
<h2>প্যারিস</h2>
<p>প্যারিস ফ্রান্সের রাজধানী এবং সর্ববৃহৎ জনবহুল শহর。</p>
</div>
<div class="cities">
<h2>টোকিও</h2>
<p>টোকিও জাপানের রাজধানী, মহানগরী টোকিও এর কেন্দ্র,</p>
এবং বিশ্বের সর্ববৃহৎ জনবহুল শহরী এলাকা।</p>
</div>
</body>
</html>
শ্রেণীবদ্ধ লাইন ইলেকট্রন
HTML <span> ইলেকট্রন একটি লাইন ইলেকট্রন, যা টেক্সটের কনটেন্ট হিসাবে ব্যবহার করা যেতে পারে。
সেট <span> ইলেকট্রনের ক্লাস, একই <span> ইলেকট্রনকে একই স্টাইল সেট করতে পারে。
ইনস্ট্যান্স
<!DOCTYPE html>
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>
