در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<sup> آشنا ميشويم. اين تگ براي نمايش متن به صورت بالانويس (superscript) استفاده ميشود
و معمولاً در توانها، فرمولها و شاخصهاي رياضي کاربرد دارد.
تگ sup در HTML چيست؟
تگ <sup> متن داخل آن را نسبت به خط پايه (baseline) بالاتر نمايش ميدهد.
اين روش معمولاً براي نوشتن توانها، شماره صفحات پاورقي يا شاخصهاي علمي و رياضي استفاده ميشود.
مثال ساده از تگ sup
<p>X<sup>2</sup> + Y<sup>2</sup> = Z<sup>2</sup></p>در اين مثال، اعداد ? به صورت بالانويس نمايش داده شده و نشاندهنده توان دوم در فرمول فيثاغورس هستند.
ويژگيهاي مهم تگ sup
| ويژگي | توضيح |
|---|---|
| هيچ ويژگي خاصي | تگ <sup> صرفاً متن را بالاتر
از خط پايه نمايش ميدهد و ويژگي اختصاصي ندارد. |
مثال ترکيبي با CSS
<style>
sup {
color: blue;
font-size: 0.8em;
}
</style>
<p>فرمول: X<sup>2</sup> + Y<sup>2</sup> = Z<sup>2</sup></p>با CSS ميتوان رنگ و اندازه متن بالانويس را تغيير داد تا ظاهر خواناتر و جذابتر شود.
نکات مهم درباره sup
- تگ
<sup>براي نمايش متن بالانويس کاربرد دارد. - اغلب در فرمولهاي رياضي، شاخصهاي علمي و توانها استفاده ميشود.
- ميتوان با CSS رنگ و اندازه متن بالانويس را تغيير داد.
براي يادگيري کامل نمايش شاخصها و فرمولهاي رياضي و علمي در وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ sub در HTML
آموزش بعدي: تگ summary در HTML
دیدگاه و پرسش