HTML span ট্যাগ ও HTML span ট্যাগের ব্যবহার

সাধারণত <span> ট্যাগ কোন ডকুমেন্টের একটি অংশকে স্টাইলিং করার জন্য ব্যবহার করা হয়ে থাকে। HTML span ট্যাগকে ইনলাইন-ইলিমেন্ট হিসাবে ব্যবহার করা হয়। একটি ওয়েবসাইট তৈরি করার সময় একের অধিক <span>…</span> ট্যাগ ব্যবহার করা যেতে পারে। আসলে span ট্যাগ ব্যবহার করে এক একটি ডকুমেন্ট এর বিভিন্য বিশেষ করে ইনলাইন এলিমেন্ট গুলোখে আলাদা আলাদা সিলেক্ট করতে পারি। তো নিচের অংশে থেকে দেখে নেই span ট্যাগের ব্যবহার।

এইচটিএমএল৫ এর আগের পোস্টগুলো দেখতে এখানে ক্লিক করুন, HTML5 টিউটোরিয়াল

HTML span ট্যাগের ব্যবহার

নিচের কোডগুলোতে দেখুন । সেখানে html span ট্যাগ ব্যবহার দেখানো হয়েছে ।

<p>
 My father has <span style="color:red;font-weight:bold">Green</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.
</p>

উপরের অংশে দেখুন,  উপরের প্রথমে অংশে <p> ট্যাগ এবং ডকুমেন্ট তার মাঝ খানে <span> ট্যাগ বসানো হয়েছে। এই ট্যাগের মধ্যে <span style=””> দুটই দেখানো হয়েছে।  নিচের দিকে <span> ট্যাগ ব্যবহার একটি ছবি দেয়া হল।

span tag

span tag

উপরের Green ডকুমেন্টটি <span> ট্যাগের সাহায্যে লাল কালার করা হয়েছে।

Related Post

html এ DOCTYPE html কেন ব্যবহার হয়... শুরুতেই বলে রাখা ভালো  কে সম্পূর্ন ট্যাগ বলা হয় না।  ব্যাবহার করা হয়ে থাকে  html এর কোন ভার্সন সেইটাকে বোঝাতে।  এইচট...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...
ওয়েবসাইটে গুগল ম্যাপ যোগ করবো কিভাবে... অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করার সময় আমরা Google Map দেখে থাকি। আমরা অনেকেই জানি Google Map ব্যবহার করে রোড়ম্যাপ, লোকেশন ট্র্যাক সহ অনেক ধরনের ...
ওয়েবসাইটে Youtube ভিডিও অ্যাড করবো কিভাবে... ইতি পূর্বে আমরা আলোচনা করেছি কিভাবে ওয়েবসাইটে গুগল ম্যাপ প্রর্দশন করা যায়। তারই ধারাবাহিকতায় আজকে আমরা আলোচনা করবো কিভাবে Youtube এর ভিডিও ওয়েবসাইটে প...
HTML i ট্যাগ ও i ট্যাগের ব্যবহার... সাধারণত HTML i ট্যাগ ব্যবহার করে যেকোন লেখাকে Italic  বা বাকা করা যায়। অর্থাৎ i ট্যাগ ব্যবহার করলে text গুলো এই ধরনের হয়ে যায় This is html i tag । মাঝ...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!