تک دیک

واژه نامه و مجله آموزشی کامپیوتر و تکنولوژی

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages
Filter by Categories
A
B
C
D
E
F
G
H
I
J
K
L
M
N
Numbers
O
P
Q
R
S
T
U
V
W
Y
Z
آگهی
اپلیکیشن ها
اچ‌تی‌ام‌ال
اسکرچ
اشخاص و شرکت ها
امنیت
امنیت آنلاین
اندروید
اینترنت
پایتون
پرسش و پاسخ
جاوااسکریپت
حروف انگلیسی
خبر
دوره های آموزشی
سخت‌افزار
سی‌اس‌اس
شبکه
فنی
کنسول جستجوی گوگل
گرافیک
لینوکس
مایکروسافت اکسل
مایکروسافت پاورپوینت
مایکروسافت ورد
مبانی کامپیوتر
مجله
مجله – امنیت
مجله – بازی
مجله – برنامه نویسی
مجله – دنیای اینترنت
مجله – سخت افزار
مجله – سیستم
مجله – شبکه
مجله – شبکه های اجتماعی
مجله – عمومی
مجله – گوشی‌های هوشمند
مجله – نرم افزار
مجله – ویندوز
مقدماتی
موضوعی
نرم‌افزار
وردپرس

بالانویس در HTML – المان <sup>

بالانویس و توان در اچ تی ام ال HTML - المان sup

در HTML از المان یا تگ <sup> برای ایجاد بالانویس (Superscript) استفاده می‌شود. معمولا متن داخلی این المان در صفحات اچ‌تی‌ام‌ال اندکی بالاتر از سطح خط (و گاهی اوقات با فونتی کوچک‌تر از متن عادی) ظاهر می‌شود. از المان بالانویس برای مواردی مانند توان در روابط ریاضی یا فرمول‌ها و شماره پاورقی داخل صفحه‌های HTML استفاده می‌شود.

برای ایجاد متن بالانویس، کافیست آن را مابین تگ شروع <sup> و تگ پایان </sup> قرار دهید. در مثال زیر نمونه‌هایی از این المان را که برای نوشتن توان متغیرها در یک فرمول ریاضی داخل یک پاراگراف (یا المان <p>) قرار گرفته مشاهده می‌کنید.

<p>The Pythagorean equation can be represented by c<sup>2</sup> = a<sup>2</sup> + b<sup>2</sup>.</p>

نتیجه المان فوق معمولا مشابه با نمونه زیر توسط مرورگر رندر می‌شود. همانطور که می‌بینید در این مثال، توان 2 برای متغیرها به صورت بالانویس نوشته شده است.

نمایش توان در صفحات HTML با کمک المان sup

در مثال زیر هم نمونه‌ای از کاربرد این المان برای درج شماره پاورقی را مشاهده می‌کنید.

<p>For more information visit Techdic Website<sup>[1]</sup>.</p>

نتیجه المان فوق نیز چیزی مشابه با نمونه زیر خواهد بود.

نمایش شماره پاورقی به صورت بالانویس در اچ تی ام ال با کمک المان sup

نکته: از المان <sup> می‌بایست برای موارد استانداردی مانند توان، شماره پاورقی و … استفاده کنید که نیاز به جابجایی متن به صورت بالانویس در صفحات HTML دارند. برای موارد صرفا نمایشی (مانند لوگوتایپ) باید از CSS و مقدار super برای خصوصیت vertical-align به صورت vertical-align: super; استفاده کنید.

نکته: برای ایجاد زیرنویس (Subscript) یا اندیس در اچ‌تی‌ام‌ال می‌توانید از المان یا تگ <sub> استفاده کنید.

بازگشت به فهرست مجموعه آموزشی HTML

تولید و انتشار محتوای تخصصی علاوه بر زمان، هزینه هم دارد. بخش عمده هزینه‌های تک‌دیک با بودجه شخصی و حمایت‌های شما کاربران گرامی تأمین می‌شود. اگر محتوای این صفحه برای شما مفید واقع شده با روش‌های مختلفی از سراسر دنیا می‌توانید در تکمیل و تداوم فعالیت این سایت به گروه کوچک ما کمک کنید و در اجر معنوی آن نیز سهیم شوید. ما صمیمانه قدردان این محبت شما هستیم.

ما در تک‌دیک تلاش می‌کنیم محتوایی دقیق، واضح و بدون اشتباه منتشر کنیم. به همین دلیل هر مطلب پیش از انتشار بارها بازبینی می‌شود. از طرف دیگر با توجه به حجم بالای مطالب به کمک شما هم نیاز داریم. اگر احساس می‌کنید محتوای این صفحه باید بروزرسانی، تکمیل یا تصحیح شود و یا سوالی در مورد این مطلب دارید که بدون پاسخ مانده خوشحال می‌شویم آن را در بخش دیدگاه‌های همین مطلب با ما در میان بگذارید.

دیدگاه‌ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته‌های بیشتر

تبلیغات متنی ساده