HTML / رموز متنوعة

طريقة عرض الرموز المتنوعة

الرموز المتنوعة يقصد بها الرموز التي لا تنتمي لفئة محددة وهي عبارة عن مجموعة أحرف إن تم وضعها مع بعضها يقوم المتصفح بعرض رمز محدد مكانها. هذه الأحرف مهمة جداً فهي تتيح لك إمكانية عرض أي رمز تريد في الصفحة حتى و إن كان الرمز المراد عرضه غير موجوداً على الكيبورد الذي تستخدمه.

الأحرف التي نستخدمها لعرض الرموز يمكن وضعها بأسلوب عشري (Decimal) أو بأسلوب سداسي عشري (Hexadecimal)، بالإضافة لأسلوب أصل الإسم (Entity) الذي تم توفيره لبعض الرموز لأنه يعتبر أسهل لك حيث أن الأحرف المستخدمة فيه تكون مكونة من أسماء الرموز نفسها.

قاعدة عامة

عند استخدام الأسلوب Entity يجب إضافة & قبل وضع أحرف الرمز.

عند استخدام الأسلوب Decimal يجب إضافة &# قبل وضع أحرف الرمز.

عند استخدام الأسلوب Hexadecimal يجب إضافة &#x قبل وضع أحرف الرمز.

كما أنه يفضّل دائماً وضع فاصلة منقوطة ; بعد كتابة أحرف الرمز و هذا أمر اختياري و لكننا ننصح بفعله.

أمثلة على الرموز المتنوعة

📋

المثال الأول:

<!DOCTYPE html>
<html>
    <head>
		<!-- ليظهر بشكل أوضح CSS يواسطة كود p هنا قمنا بتغيير نوع و حجم خط الوسم -->
        <style>
            p { font-family: Helvetica, Arial, Sans-Serif; font-size: 26px; }
        </style>
    </head>
    <body>
        <!-- ☕ :الرموز التالية جميعها سيتم عرضها هكذا --> 
        <p>&#9749;</p>
        <p>&#x2615;</p>
    </body>
</html>

📋

المثال الثاني:

<!DOCTYPE html>
<html>
    <head>
		<!-- ليظهر بشكل أوضح CSS يواسطة كود p هنا قمنا بتغيير نوع و حجم خط الوسم -->
        <style>
            p { font-family: Helvetica, Arial, Sans-Serif; font-size: 26px; }
        </style>
    </head>
    <body>
        <!-- ☝ :الرموز التالية جميعها سيتم عرضها هكذا --> 
        <p>&#9757;</p>
        <p>&#x261D;</p>
    </body>
</html>

📋

المثال الثالث:

<!DOCTYPE html>
<html>
    <head>
		<!-- ليظهر بشكل أوضح CSS يواسطة كود p هنا قمنا بتغيير نوع و حجم خط الوسم -->
        <style>
            p { font-family: Helvetica, Arial, Sans-Serif; font-size: 26px; }
        </style>
    </head>
    <body>
        <!-- ⚽ :الرموز التالية جميعها سيتم عرضها هكذا --> 
        <p>&#9917;</p>
        <p>&#x26BD;</p>
    </body>
</html>

جدول الرموز المتنوعة

الرمز	Decimal	Hexadecimal	الإسم
☀	☀	☀	Black Sun With Rays
☁	☁	☁	Cloud
☂	☂	☂	Umbrella
☃	☃	☃	Snowman
☄	☄	☄	Comet
★	★	★	Black Star
☆	☆	☆	White Star
☇	☇	☇	Lightning
☈	☈	☈	Thunderstorm
☉	☉	☉	Sun
☊	☊	☊	Ascending Node
☋	☋	☋	Descending Node
☌	☌	☌	Conjunction
☍	☍	☍	Opposition
☎	☎	☎	Black Telephone
☏	☏	☏	White Telephone
☐	☐	☐	Ballot Box
☑	☑	☑	Ballot Box With Check
☒	☒	☒	Ballot Box With X
☓	☓	☓	Saltire
☔	☔	☔	Umbrella With Rain Drops
☕	☕	☕	Hot Beverage
☖	☖	☖	White Shogi Piece
☗	☗	☗	Black Shogi Piece
☘	☘	☘	Shamrock
☙	☙	☙	Reversed Rotated Floral Heart Bullet
☚	☚	☚	Black Left Pointing Index
☛	☛	☛	Black Right Pointing Index
☜	☜	☜	White Left Pointing Index
☝	☝	☝	White Up Pointing Index
☞	☞	☞	White Right Pointing Index
☟	☟	☟	White Down Pointing Index
☠	☠	☠	Skull And Crossbones
☡	☡	☡	Caution Sign
☢	☢	☢	Radioactive Sign
☣	☣	☣	Biohazard Sign
☤	☤	☤	Caduceus
☥	☥	☥	Ankh
☦	☦	☦	Orthodox Cross
☧	☧	☧	Chi Rho
☨	☨	☨	Cross Of Lorraine
☩	☩	☩	Cross Of Jerusalem
☪	☪	☪	Star And Crescent
☫	☫	☫	Farsi Symbol
☬	☬	☬	Khanda
☭	☭	☭	Hammer And Sickle
☮	☮	☮	Peace Symbol
☯	☯	☯	Yin Yang
☰	☰	☰	Trigram For Heaven
☱	☱	☱	Trigram For Lake
☲	☲	☲	Trigram For Fire
☳	☳	☳	Trigram For Thunder
☴	☴	☴	Trigram For Wind
☵	☵	☵	Trigram For Water
☶	☶	☶	Trigram For Mountain
☷	☷	☷	Trigram For Earth
☸	☸	☸	Wheel Of Dharma
☹	☹	☹	White Frowning Face
☺	☺	☺	White Smiling Face
☻	☻	☻	Black Smiling Face
☼	☼	☼	White Sun With Rays
☽	☽	☽	First Quarter Moon
☾	☾	☾	Last Quarter Moon
☿	☿	☿	Mercury
♀	♀	♀	Female Sign
♁	♁	♁	Earth
♂	♂	♂	Male Sign
♃	♃	♃	Jupiter
♄	♄	♄	Saturn
♅	♅	♅	Uranus
♆	♆	♆	Neptune
♇	♇	♇	Pluto
♈	♈	♈	Aries
♉	♉	♉	Taurus
♊	♊	♊	Gemini
♋	♋	♋	Cancer
♌	♌	♌	Leo
♍	♍	♍	Virgo
♎	♎	♎	Libra
♏	♏	♏	Scorpius
♐	♐	♐	Sagittarius
♑	♑	♑	Capricorn
♒	♒	♒	Aquarius
♓	♓	♓	Pisces
♔	♔	♔	White Chess King

آخر الأخبار

HTML / رموز الإيموجي

JS / الكلاس

JS / البرمجة الكائنية

HTML / الرموز المطبعية

HTML / الروابط

إنشاء موقعك الإلكتروني أنيق ومخصص للجيم والرياضه الحديد HTML وCSS وJavaScript

HTML / رموز متنوعة

HTML / رموز متنوعة

طريقة عرض الرموز المتنوعة

قاعدة عامة

أمثلة على الرموز المتنوعة

المثال الأول:

المثال الثاني:

المثال الثالث:

جدول الرموز المتنوعة

إرسال تعليق

نموذج الاتصال