HTML এ সুপারস্ক্রিপ্ট ও সাবস্ক্রিপ্ট কিভাবে করে (sup and sub tag)

একটি ওয়েবপেজে গানিতিক কিংবা রাসায়নিক সমিকরন অথবা সাংকেতিক চিহ্ন যোগ করার জন্য Subscript কিংবা Superscript এর প্রয়োজন হয়। গণিতের এর ক্ষেত্রে Superscript ব্যবহার হয়ে  থাকে । যেমনঃ (a+b)2 , 23=8 ইত্যাদি। আবার বিভিন্ন রাসায়নিক সংকেত এর ক্ষেত্রে Subscript ব্যবহার হয়। যেমনঃ  H2O কিংবা H2SO4 হতে পারে।  আবার মাঝে মঝে 1st  , 2nd , 3rd  এগুলোতে সংখ্যার পরের বর্ন গুলো উপরে লিখি । আসুন আমরা নিচের অংশে HTML এ Superscript এবং Subscript এর ব্যবহার সর্ম্পকে জেনে নেই।

HTML এ Superscript ও Subscript

HTML এ Superscript ও Subscript

sup ট্যাগ ব্যবহার

সাধারণত sup ট্যাগ বীজগণিত বা যে কোন গানিতিক সমিকরনের ক্ষেত্রে ব্যবহার হয়ে থাকে। আবার প্রথম দ্বিতীয়, তৃতীয় এগুলোতেও superscript ব্যবহার করে । যেমন, (x+z)2 কিংবা 143=5, 1st বা যেকোন ধরনের পাওয়ারের ক্ষেত্রে  HTML sup tag ব্যবহার হয়ে থাকে। নিচের অংশে সুপারস্ক্রিপ্টের ব্যবহার দেখানো হল।

<sup> ... </sup>
<!doctype html>
<html>
<head> 
 <title>Superscript </title>
</head>
<body>
 <h1>We are using superscript</h1>
 <p>Below is a mathematical equation using superscript </p>
 (a+b)<sup>2</sup> = a<sup>2</sup> + 2ab + b<sup>2</sup> 
 <p>
   First = 1<sup>st</sup>, Second = 2<sup>nd</sup>, Third = 3<sup>rd</sup> 
 </p>
</body>
</html>

Try it yourself

 

sup tag এর উদাহরন উপরে দেয়া এবং দেখা যাচ্ছে যে sup tag এর ক্লোজিং ট্যাগ আছে । <sup> … </sup> এর মধ্যে যে লিখা রাখবেন সেটি superscript আকারে আসবে ।

 

sub ট্যাগ ব্যবহার

রাসায়নিক সমিকরন গুলো যেমন পানির সংকেত কিংবা সালফিউরিক এসিডের সংকেত ওয়েব পেজে লিখার জন্য ব্যবহার করা হয় sub tag.

<sub> ... </sub>
<!doctype html>
<html>
<head> 
 <title>Use of HTML sub Tag </title>
</head>
<body>
 <h1>Use of HTML sub tag</h1>
 <p>Below is some of chemical symbols and we use sub tag to make those in web page </p>
 <p>H<sub>2</sub>O represent water </p>
 <p> H<sub>2</sub>SO<sub>4</sub> represent sulfuric acid </p>
</body>
</html>

Try it yourself

এর আগে আমরা আলোচনা করেছিলাম MS Word এ  Superscript ও Subscript । আর আজ আলোচনা করলাম HTML এ Superscript ও Subscript

Related Post

Microsoft Excel এ সেল ফরম্যাটিং পর্ব ৪ – Fon... আমরা Microsoft Excel এ সেল ফরম্যাটিং পর্ব ৩ এ Alignment ট্যাবের হরাইজেন্টাল, ভার্টিকাল ও অরিএন্টেসন ডিগ্রি অপশন গুলোর ব্যবহার সম্পর্কে জেনেছি। আজ আমরা...
HTML i ট্যাগ ও i ট্যাগের ব্যবহার... সাধারণত HTML i ট্যাগ ব্যবহার করে যেকোন লেখাকে Italic  বা বাকা করা যায়। অর্থাৎ i ট্যাগ ব্যবহার করলে text গুলো এই ধরনের হয়ে যায় This is html i tag । মাঝ...
HTML span ট্যাগ ও HTML span ট্যাগের ব্যবহার... সাধারণত ট্যাগ কোন ডকুমেন্টের একটি অংশকে স্টাইলিং করার জন্য ব্যবহার করা হয়ে থাকে। HTML span ট্যাগকে ইনলাইন-ইলিমেন্ট হিসাবে ব্যবহার করা হয়।...
HTML address ট্যাগ এর ব্যবহার... কোন তথ্য বা নথির যোগাযোগের ক্ষেত্রে address ট্যাগ ব্যবহার করা হয়। আবার ওয়েব পেজে কোন ঠিকান লেখবার জন্যও address ট্যাগ ব্যবহার করা হয়ে থাকে। ধরুন, আপনি...
HTML nav ট্যাগ ও nav ট্যাগের ব্যবহার... সাধারণত HTML nav ট্যাগ ন্যাভিগেশন লিংকগুলির একটি সেটকে নির্ধারণ করে থাকে। যেমন ধরুনঃ কোন একটি সাইটে সাথে আরও একটি সাটের  লিংক করবেন কিংবা আপনার web pa...
HTML button ট্যাগ ও html button ট্যাগের ব্যবহার... সাধারণত HTML button ট্যাগ একটি ক্লিকযোগ্য বাটনকে নির্ধারণ করে থাকে কিংবা যে বাটনে ক্লিক করা হয়ে থাকে তাক বাটন বলে। আবার বাটন ট্যাগ ব্যবহার করে radio ব...

You may also like...

Leave a Reply

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

error: Content is protected !!