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

You may also like...

Leave a Reply

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

error: Content is protected !!