এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <span> ট্যাগ


<span> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<span> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

একটি ডকুমেন্টের ইনলাইন এলিমেন্টগুলোকে গ্রুপ করা এবং এদের উপর স্টাইল প্রয়োগ করার জন্য <span> এলিমেন্ট ব্যবহার করা হয়।

<span> এলিমেন্ট এবং <div> এলিমেন্টের মধ্যে একটি পার্থক্য রয়েছে। <span> এলিমেন্ট ইনলাইন এলিমেন্টের ক্ষেত্রে ব্যবহার করা হয় এবং <div> এলিমেন্ট ব্লক-লেভেল এলিমেন্টের ক্ষেত্রে ব্যবহার করা হয়।



নিচের উদাহরণে <span> এলিমেন্ট ব্যবহার করে একটি নির্দিষ্ট টেক্সটকে কিভাবে স্টাইলে করা যায়, তা দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <p>This is a paragraph. <span style="color:red;font-weight:bold">This is a red paragraph.</span>
    This is a paragraph.</p>
  <p>This is a paragraph. <span style="color:green;font-weight:bold">This is a green paragraph.</span>
    This is a paragraph.</p>

</body>
</html>

ফলাফল





টীকা ও মন্তব্যঃ

  • <span> এলিমেন্টের মধ্যে থাকা টেক্সটকে আপনি খুব সহজে সিএসএস দিয়ে স্টাইল করতে পারবেন এবং জাভাস্ক্রিপ্ট প্রয়োগ করতে পারবেন।


<span> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


সম্পর্কিত পেজ