آموزش نمادها (Symbols) در HTML

آموزش نمادها (Symbols) در HTML

در جلسه بیست و یکم آموزش متنی Html در خدمت شما هستیم با آموزش نمادها (Symbols) در HTML از وب سایت آموزش برنامه نویسی سورس باران. در جلسه قبل آموزش موجودیت‌ها در HTML را داشتیم. بسیاری از نمادهای ریاضی، فنی و پول رایج کشورها در کیبوردهای عادی وجود ندارد برای افزودن چنین نمادهای به یک صفحه HTML می‌توانید از یک نام موجودیت HTML استفاده کنید. اگر هیچ نام موجودیتی وجود نداشته باشد می‌توانید از یک موجودیت عددی، مرجع اعشاری یا هگزا دسیمال استفاده کنید که در ادامه آنها را توضیح می دهیم.

آموزش نمادها (Symbols) در HTML

همانطور که میدانید تعدادی از کاراکترها هستند که بروی صفحه کلید کامپیوتر و لپ تاپ مان قرار دارند و ما به راحتی با زدن یک دکمه میتوانیم از این کاراکترها در صفحات وبمون استفاده نماییم. ولی خب ممکنه من به یک کاراکتر خاص نیاز داشته باشم و اون کاراکتر هم بروی صفحه کلید وجود نداشته باشد؟ خب اینموقع باید چکار کرد؟ خب در این مواقع ما باید از یکسری سمبل یا نمادها یا در واقع همون کاراکترها استفاده نماییم، که تعداد این کاراکترها میتونه بیش از صدها و یا حتی هزاران کاراکتر باشد. با ما همراه باشید…

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

<p>I will display &euro;</p>
<p>I will display &#8364;</p>
<p>I will display &#x20AC;</p>

نتیجه کد بالا به شرح زیر می باشد

I will display €
I will display €
I will display €
پیشنمایش

 

تعدادی از از نماد یا Symbols های ریاضی که توسط HTML پشتیبانی می‌شوند را در زیر مشاهده می نمایید :

کاراکترعددموجودیتتوضیح
 ∀ ;#8704& ;forall& برای همه
 ;#8706& ;part& تفاوت جزئی
 ∃ ;#8707& ;exist& وجود داشتن
 ;#8709& ;empty& مجموعه خالی
 ;#8711& ;nabla&NABLA
 ;#8712& ;isin& عنصری از
 ;#8713& ;notin&نبودن عنصر از
 ;#8715& ;ni&دارای بودن یک عضو
 ;#8719& ;prod&محصول N-ARY
 ;&#8721& ;sum&جمع‌بندی N-ARY
مشاهده لیست کامل

 

تعدادی از حروف یونانی که توسط HTML پشتیبانی می‌شوند:

کاراکترعددموجودیتتوضیح
Α;#913&;Alpha&حرف آلفای بزرگ
Β;#914&;Beta&حرف بتای بزرگ
Γ;#915&;Gamma&حرف گامای بزرگ
Δ;#916&;Delta&حرف دلتای بزرگ
Ε;#917&;Epsilon&حرف اپسیلون بزرگ
Ζ;#918&;Zeta&حرف زتای بزرگ
مشاهده لیست کامل

 

تعدادی از موجودیت‌های نماد در HTML که توسط این زبان پشتیبانی می‌شوند:

کاراکترعددموجودیتتوضیح
© ;#169& ;copy& علامت کپی رایت
®;#174&;reg&علامت ثبت شده
;#8364&;euro&علامت یورو
;#8482&;trade&نشان تجاری
;#8592&;larr&فلش به سمت چپ
;#8593&;uarr&فلش به سمت بالا
;#8594&;rarr&فلش به سمت راست
;#8595&;darr&فلش به سمت پایین
;#9824&;spades& خال پیک سیاه
;#9827&;clubs&خال گشنیز سیاه
;#9829&;hearts&قلب سیاه
;#9830&;diams&الماس سیاه
مجموعه ای از نمادهای ارزی در HTML مجموعه ای از نمادهای فلش،جهت دار در HTML مرجع کامل نمادها

مبنبع : W3Schools

لیست جلسات قبل آموزش Html

  1. آموزش اصول اولیه و عناصر HTML
  2. آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
  3. آموزش کار با پاراگراف و استایل در Html
  4. آموزش کار با قالب بندی متن در Html
  5. آموزش کار با کامنت در HTML
  6. آموزش کار با کامنت در HTML
  7. آموزش کار با رنگ ها در HTML
  8. آموزش کار با تصاویر در HTML
  9. آموزش کار با لینک در HTML
  10. آموزش کار با جدول در HTML
  11. آموزش کار با لیست ها در HTML
  12. آموزش کار با عناصر Block و Inline در HTML
  13. آموزش کار با عنصر Class در HTML
  14. آموزش Html؛ آموزش iframe در HTML
  15. آموزش Html؛ آموزش جاوا اسکریپت در HTML
  16. آموزش کار با عنصر Head در HTML
  17. آموزش Layout در HTML
  18. آموزش طراحی سایت ریسپانسیو در HTML
  19. آموزش عناصر کد کامپیوتر در HTML
  20. آموزش موجودیت (Entities) در HTML
  21. آموزش نمادها (Symbols) در HTML
  22. آموزش کار با Character (کاراکترهای رزرو شده) در HTML
  23. آموزش رمزگذاری URL در HTML
  24. آموزش کامل کار با فرم ها در HTML
  25. آموزش انواع ورودی (Input) در HTML
  26. آموزش خصوصیات ورودی در HTML

حتما بخوانید 1 : فیلم آموزش رایگان Html مهندس رحمانی

حتما بخوانید 1 : فیلم آموزش رایگان CSS مهندس رحمانی

5/5 - (1 امتیاز)

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

پکیج آموزش پروژه محور لاراول و طراحی وب سایت کانون قلم چی
  • انتشار: ۱۴ بهمن ۱۳۹۸

دسته بندی موضوعات

آخرین محصولات فروشگاه

مشاهده همه

نظرات

بازخوردهای خود را برای ما ارسال کنید

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