টেক্সটের অংশের জন্য HTML-এ span ট্যাগ
আপনি ইতিমধ্যেই জানেন যে
টেক্সটের একটি নির্দিষ্ট অংশ, উদাহরণস্বরূপ, বোল্ড করতে
- b ট্যাগ ব্যবহার করা উচিত। তবে,
যদি আমি টেক্সটের একটি অংশ
লাল রঙে রাঙাতে চাই তাহলে কি করব? এই ধরনের ক্ষেত্রে
b ট্যাগের মতো কোনো ট্যাগ নেই।
তবে বিশেষ span ট্যাগ আছে
- এটি নিজে থেকে একেবারেই কিছু করে না,
কিন্তু এটিতে CSS স্টাইল প্রয়োগ করা যেতে পারে, যা
আমাদের টেক্সটের অংশে প্রয়োজনীয় ইফেক্ট যোগ করতে দেবে।
চলুন একটি উদাহরণ দেখি। ধরি আমাদের কিছু টেক্সট আছে:
<p>
This is a paragraph with text.
</p>
ধরি আমরা "text" শব্দটি লাল করতে চাই।
এজন্য টেক্সটের এই অংশটিকে span ট্যাগে
মোড়ক করব এবং এই ট্যাগটিকে একটি
ক্লাস দেব:
<p>
This is a paragraph with <span class="red">text</span>.
</p>
এখন এমন ক্লাসের উপাদানকে লাল রঙে রাঙানো যাক:
.red {
color: red;
}
নিম্নলিখিত কোডটি দেওয়া আছে:
<p>
Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>
xxx ক্লাসের উপাদানগুলির আকার
30px করুন।
