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>&#8448;</p>
        <p>&#x2100;</p>
    </body>
</html>

📋

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

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

📋

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

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

جدول رموز تشبه الأحرف

الرمز	Decimal	Hexadecimal	Entity	الإسم
℀	℀	℀		Account Of
℁	℁	℁		Addressed To The Subject
ℂ	ℂ	ℂ		Double-Struck Capital C
℃	℃	℃		Degree Celsius
℄	℄	℄		Centre Line Symbol
℅	℅	℅		Care Of
℆	℆	℆		Cada Una
ℇ	ℇ	ℇ		Euler Constant
℈	℈	℈		Scruple
℉	℉	℉		Degree Fahrenheit
ℊ	ℊ	ℊ		Script Small G
ℋ	ℋ	ℋ		Script Capital H
ℌ	ℌ	ℌ		Black-Letter Capital H
ℍ	ℍ	ℍ		Double-Struck Capital H
ℎ	ℎ	ℎ		Planck Constant
ℏ	ℏ	ℏ		Planck Constant Over Two Pi
ℐ	ℐ	ℐ		Script Capital I
ℑ	ℑ	ℑ	&image;	Black-Letter Capital I
ℒ	ℒ	ℒ		Script Capital L
ℓ	ℓ	ℓ		Script Small L
℔	℔	℔		L B Bar Symbol
ℕ	ℕ	ℕ		Double-Struck Capital N
№	№	№		Numero Sign
℗	℗	℗		Sound Recording Copyright
℘	℘	℘	&weierp;	Script Capital P
ℙ	ℙ	ℙ		Double-Struck Capital P
ℚ	ℚ	ℚ		Double-Struck Capital Q
ℛ	ℛ	ℛ		Script Capital R
ℜ	ℜ	ℜ	&real;	Black-Letter Capital R
ℝ	ℝ	ℝ		Double-Struck Capital R
℞	℞	℞		Prescription Take
℟	℟	℟		Response
℠	℠	℠		Service Mark
℡	℡	℡		Telephone Sign
™	™	™	™	Trade Mark Sign
℣	℣	℣		Versicle
ℤ	ℤ	ℤ		Double-Struck Capital Z
℥	℥	℥		Ounce Sign
Ω	Ω	Ω	&ohm;	Ohm Sign
℧	℧	℧	&mho;	Inverted Ohm Sign
ℨ	ℨ	ℨ		Black-Letter Capital Z
℩	℩	℩		Turned Greek Small Letter Iota
K	K	K		Kelvin Sign
Å	Å	Å		Angstrom Sign
ℬ	ℬ	ℬ		Script Capital B
ℭ	ℭ	ℭ		Black-Letter Capital C

آخر الأخبار

CSS / نظرة عامة

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

HTML / الروابط

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

HTML / رموز تشبه الأحرف

HTML / رموز تشبه الأحرف

طريقة عرض الرموز الشبيهة بالأحرف

قاعدة عامة

أمثلة على رموز تشبه الأحرف

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

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

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

جدول رموز تشبه الأحرف

إرسال تعليق

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