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

طريقة عرض رموز مطبعية

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

الأحرف التي نستخدمها لعرض الرموز يمكن وضعها بأسلوب عشري (Decimal) أو بأسلوب سداسي عشري (Hexadecimal).

قاعدة عامة

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

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

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

أمثلة على الرموز المطبعية

📋

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

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

📋

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

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

📋

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

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

جدول الرموز المطبعية

الرمز	Decimal	Hexadecimal	الإسم
✁	✁	✁	Upper Blade Scissors
✂	✂	✂	Black Scissors
✃	✃	✃	Lower Blade Scissors
✄	✄	✄	White Scissors
✅	✅	✅	White Heavy Check Mark
✆	✆	✆	Telephone Location Sign
✇	✇	✇	Tape Drive
✈	✈	✈	Airplane
✉	✉	✉	Envelope
✊	✊	✊	Raised Fist
✋	✋	✋	Raised Hand
✌	✌	✌	Victory Hand
✍	✍	✍	Writing Hand
✎	✎	✎	Lower Right Pencil
✏	✏	✏	Pencil
✐	✐	✐	Upper Right Pencil
✑	✑	✑	White Nib
✒	✒	✒	Black Nib
✓	✓	✓	Check Mark
✔	✔	✔	Heavy Check Mark
✕	✕	✕	Multiplication X
✖	✖	✖	Heavy Multiplication X
✗	✗	✗	Ballot X
✘	✘	✘	Heavy Ballot X
✙	✙	✙	Outlined Greek Cross
✚	✚	✚	Heavy Greek Cross
✛	✛	✛	Open Centre Cross
✜	✜	✜	Heavy Open Centre Cross
✝	✝	✝	Latin Cross
✞	✞	✞	Shadowed White Latin Cross
✟	✟	✟	Outlined Latin Cross
✠	✠	✠	Maltese Cross
✡	✡	✡	Star Of David

آخر الأخبار

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

JS / الكلاس

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