HTML / رموز العملات

HTML / رموز العملات

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

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

HTML / رموز العملات


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

قاعدة عامة

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

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

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

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

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

خد الكواد نسخ واضغط هنا جرب الكود
📋

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

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

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

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

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

 (French Franc Sign) - &#8355; أو &#x20A3;
 (Lira Sign) - &#8356; أو &#x20A4;
 (Rupee Sign) - &#8360; أو &#x20A8;
 (Won Sign) - &#8361; أو &#x20A9;
        

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

الرمزDecimalHexadecimalEntity  الإسم
$ &#36; &#x24; &dollar; Dollar sign
¢ &#162; &#xa2; &cent; Cent sign
£ &#163; &#xa3; &pound; Pound sign
&#8364; &#x20AC; &euro; Euro sign
¥ &#165; &#xa5; &yen; Yen sign
&#8358; &#x20A6; &naira; Naira sign
&#8377; &#x20B9; &rupee; Indian Rupee sign
&#8373; &#x20B5; &cedi; Cedi sign
&#8355; &#x20A3; &franc; French Franc sign
&#8378; &#x20BA; &lira; Turkish Lira sign
&#8365; &#x20AD; &kip; Kip sign
&#8361; &#x20A9; &won; Won sign
&#8370; &#x20B2; &guarani; Guarani sign
&#8369; &#x20B1; &peso; Peso sign
&#8380; &#x20BC; &manat; Manat sign
&#8381; &#x20BD; &ruble; Ruble sign
&#8382; &#x20BE; &lari; Lari sign
&#8383; &#x20BF; &bitcoin; Bitcoin sign
&#8353; &#x20A1; &colon; Colon sign
&#8370; &#x20B2; &guarani; Guarani sign
&#8372; &#x20B4; &hryvnia; Hryvnia sign
&#8358; &#x20A6; &naira; Naira sign
&#8370; &#x20B2; &guarani; Guarani sign

إرسال تعليق

أحدث أقدم

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