Curriculum
Course: HTML Mastery: From Basics to Brilliance
Login

Curriculum

HTML Mastery: From Basics to Brilliance

মডিউল ১: পরিচিতি এবং বেসিক HTML : 2. HTML ডকুমেন্ট স্ট্রাকচার

0/2

মডিউল ১: পরিচিতি এবং বেসিক HTML : 4. টেক্সট ফরম্যাটিং ট্যাগস

0/3
Text lesson

Superscript (<sup>) এবং Subscript (<sub>)।

HTML-এ Superscript এবং Subscript ট্যাগগুলো টেক্সটকে সাধারণ লাইনের উপরে বা নিচে স্থানান্তর করতে ব্যবহৃত হয়। এগুলো সাধারণত গণিতের সূত্র, রাসায়নিক সমীকরণ, বা ইউনিটের এক্সপোনেন্টস প্রদর্শনের জন্য ব্যবহৃত হয়।


1. Superscript (<sup>)

<sup> ট্যাগ টেক্সটকে সাধারণ লাইনের উপরে স্থানান্তর করে। এটি সাধারণত এক্সপোনেন্ট বা পাওয়ার বোঝাতে ব্যবহৃত হয়।

গঠন:

html
 
<sup>আপারস্ক্রিপ্ট টেক্সট</sup>

উদাহরণ:

html
 
<p>The formula for water is H<sub>2</sub>O.</p>
<p>2<sup>3</sup> = 8</p>

আউটপুট:

  • H₂O
  • 23=82^3 = 8

2. Subscript (<sub>)

<sub> ট্যাগ টেক্সটকে সাধারণ লাইনের নিচে স্থানান্তর করে। এটি রাসায়নিক সূত্র বা গণিতের ভ্যারিয়েবল বোঝাতে ব্যবহৃত হয়।

গঠন:

html
 
<sub>সাবস্ক্রিপ্ট টেক্সট</sub>

উদাহরণ:

html
 
<p>The chemical formula for oxygen molecule is O<sub>2</sub>.</p>
<p>X<sub>1</sub> + X<sub>2</sub> = X<sub>total</sub></p>

আউটপুট:

  • O₂
  • X1+X2=XtotalX_1 + X_2 = X_\text{total}

সমন্বিত উদাহরণ:

html
 
<!DOCTYPE html>
<html>
<head>
<title>Superscript and Subscript</title>
</head>
<body>
<h1>Superscript and Subscript Example</h1>
<p>Water: H<sub>2</sub>O</p>
<p>Math Power: 5<sup>2</sup> = 25</p>
<p>Chemical: CO<sub>2</sub></p>
<p>Physics Formula: E = mc<sup>2</sup></p>
</body>
</html>

CSS দিয়ে কাস্টমাইজেশন:

html
 
<style>
sup {
color: red;
font-size: 0.8em;
}
sub {
color: blue;
font-size: 0.8em;
}
</style>

ব্যবহারক্ষেত্র:

  1. গণিত:

    • x2+y2=z2x^2 + y^2 = z^2
    html
     
    <p>x<sup>2</sup> + y<sup>2</sup> = z<sup>2</sup></p>
  2. রাসায়নিক সূত্র:

    • H₂O, CO₂
    html
     
    <p>H<sub>2</sub>O, CO<sub>2</sub></p>
  3. ইউনিট বা পরিমাপ:

    • m/s2m/s^2
    html
    <p>Acceleration: m/s<sup>2</sup></p>

 

  • <sup> ট্যাগ টেক্সটকে উপরের দিকে স্থানান্তর করে।
  • <sub> ট্যাগ টেক্সটকে নিচের দিকে স্থানান্তর করে।
  • গণিত, বিজ্ঞান, এবং বিশেষ নোটেশনে এই ট্যাগগুলো অত্যন্ত কার্যকর।