HTML-এ ট্যাগ গ্রুপ করার জন্য div ট্যাগ

পূর্ববর্তী পাঠে আমরা span ট্যাগটি বুঝেছিলাম, যা আপনাকে টেক্সটের একটি অংশকে হাইলাইট করতে দেয়। একটি বিশেষ ট্যাগ divও রয়েছে, যা আপনাকে বেশ কয়েকটি ট্যাগ গ্রুপ করতে দেয় যাতে পরে সেগুলির সাথে একই সাথে কিছু করা যায়।

উদাহরণস্বরূপ, div ট্যাগ ব্যবহার করে আসুন আমরা অনুচ্ছেদগুলিকে গ্রুপ করি:

<div class="block1">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div class="block2">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

প্রথম গ্রুপের উপাদানগুলিকে লাল রং নির্ধারণ করা যাক, এবং দ্বিতীয় গ্রুপের উপাদানগুলিকে - সবুজ রং:

.block1 {
	color: red;
}
.block2 {
	color: green;
}

নিম্নলিখিত কোড দেওয়া আছে:

<div>
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div>
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div>
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

প্রথম div-এর বিষয়বস্তু লাল রং করুন, দ্বিতীয় div-এর বিষয়বস্তু - সবুজ, এবং তৃতীয় div-এর বিষয়বস্তু - নীল। এর জন্য প্রতিটি div-কে তার নিজস্ব ক্লাস দিন।

নিম্নলিখিত কোড দেওয়া আছে:

<div>
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div>
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div>
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div>
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

প্রথম এবং তৃতীয় div-এর বিষয়বস্তু লাল রং করুন, দ্বিতীয় div এবং চতুর্থটির বিষয়বস্তু - সবুজ। এর জন্য প্রথম এবং তৃতীয় div-কে একটি ক্লাস দিন, এবং দ্বিতীয় এবং চতুর্থটিকে - অন্য ক্লাস দিন।