কিভাবে HTML <span> ব্যবহার করতে হয় তা জানুন উপাদান।
HTML <span> এলিমেন্ট হল একটি জেনেরিক ইনলাইন কন্টেইনার এলিমেন্ট, টেক্সট মার্ক আপ করতে ব্যবহৃত হয়। এটি প্রায়শই অন্য উপাদানের ভিতরে ব্যবহৃত হয়।
<span> প্রায়শই একটি পাঠ্যের অংশকে বাকিদের থেকে আলাদা দেখাতে ব্যবহৃত হয়।
উদাহরণ:
<p>My hat is <span style="color:red">red.</span></p>
এছাড়াও আপনি <span> ব্যবহার করতে পারেন একটি class এর মাধ্যমে একই স্টাইলিং বৈশিষ্ট্যের মানগুলি ভাগ করে এমন উপাদানগুলিকে গোষ্ঠীতে .
উদাহরণস্বরূপ, ধরা যাক আপনি রেসিপি লিখছেন, এবং আপনি আপনার পাঠ্য ব্লকের প্রতিটি শব্দের উপর জোর দিতে চান যা একটি উপাদান-শব্দ, একটি নির্দিষ্ট রঙ সহ:
<p>
To make my delicious garlic butter you need just four ingredients,
<span class="ingredient">butter</span>,
<span class="ingredient">garlic</span>,
<span class="ingredient">salt</span> and
<span class="ingredient">black pepper.</span>
</p>তারপর আপনি এইভাবে CSS ক্লাস তৈরি করতে পারেন:
.ingredient {
color: green;
}
একটি পুনঃব্যবহারযোগ্য শ্রেণী ব্যবহার করার বিষয়ে স্মার্ট জিনিসটি হল যে আপনি যদি কোনও সময়ে উপাদান শব্দগুলিকে দৃশ্যত দেখতে কেমন হওয়া উচিত সে সম্পর্কে আপনার মন পরিবর্তন করেন, আপনি সেই .ingredient-এ একবার এর স্টাইল পরিবর্তন করতে পারেন। ক্লাস, এবং প্রভাব প্রতি <span> এ সঞ্চালিত হবে উপাদান যা এই শ্রেণী ব্যবহার করে।
উদাহরণস্বরূপ, ধরুন আপনি উপাদানগুলির উপর জোর দেওয়ার জন্য একটি রঙের পরিবর্তে একটি গাঢ় ফন্ট ব্যবহার করতে চান:
.ingredient {
font-weight: bold;
}
<span> উপাদানের জেনেরিক প্রকৃতি, এটিকে একটি আন-অর্থবোধক করে তোলে উপাদান তাই এই উপাদানটি শুধুমাত্র তখনই ব্যবহার করা উচিত যদি অন্য কোন উপাদান না থাকে যা ব্যবহার করার জন্য আরও অর্থবোধক।
<span> উপাদানটি <div> এর অনুরূপ , উপাদান, কিন্তু প্রধান পার্থক্য হল ডিফল্টরূপে, <span> একটি ইনলাইন উপাদান, এবং <block> একটি ব্লক-স্তরের উপাদান। তবে আপনি CSS এর সাথে উপাদান ডিফল্ট স্টাইলিং ওভাররাইড করতে পারেন।
