تگ sup در HTML

معرفی تگ sup
معرفی تگ sup

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

 معرفی تگ sup

محتوای درون تگ sup به صورت بالا نویس نمایش داده می‌شود . بالانویس ھا معمولا به اندازه نصف ارتفاع یک کاراکتر بالاتر از مابقی کاراکتر ھا قرار می‌گیرند و نسبت به متون اطرافشان کمی کوچک تر هستند.

کاربرد تگ sup

از تگ sup می‌توان برای نمایش توان در فرمول‌ های ریاضی استفاده نمود . برای درک بهتر کاربرد تگ sup در طراحی سایت به مثال زیر توجه کنید :

<p>
    Value of 5 <sup>2</sup> + 3 <sup>3</sup> = 52
</p>
نتیجه کد تگ sup
نتیجه کد بالا

نکات تکمیلی در مورد تگ sup

  • تگ sup توسط تمامی مرورگرها پشتیبانی می‌شوند.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

تگ sup چیکار میکنه؟ یک نمونه کد مثال بزنید و رنگش را برابر قرمز قرار دهید.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

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

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

7 نظر

7 پاسخ

  1. جواب سوال:
    تگ sup برای درج متن با ظاهری شبیه توان در ریاضی که بالاتر از متن اصلی با فونت ریزتر قرار می گیرد به کار می ره

  2. عبارت یا کلمه ای که درون اون تگ قرار میگیره رو بالا نویس میکنه مثلا :

    <Youtubepk</sup

    1. سلام فرهان، این تمرین بروزرسانی شده و همچنین کدهای تو برامون واضح نیست. لطفا دوباره بررسیش کن و برامون از کد ها عکس بگیر.

  3. از تگ sup می‌توان به عنوان بالا نویس استفاده کردوهمچنین برای نمایش توان در فرمول‌ های ریاضی استفاده میشود

    1. سلام علی اکبر دقیقا، چقدر خوب که چند بار از این تگ ها استفاده کردی. ممنونم.

  4. پاسخ سوال :
    محتوای دورن آن بصورت بالانویس نمایش داده می شود.
    22=4

    1. سلام محمد، پاسخت درسته، هدیه‌ات را دریافت میکنی.

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

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=