HTML الوسم <code>

تعريفه

نستخدم الوسم <code> على هذا النحو <code>text</code> لعرض كود برمجي في الصفحة.

مكان الكلمة text نمرر النص الذي نريد عرضه ككود برمجي, أي بنوع خط مختلف.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <code>.

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا بوضع الكلام الذي هو عبارة عن كود بداخل <code> </code> حتى يظهر بشكل مختلف عن النص العادي.

<p>In java the <code>main()</code> function is the starting point.</p>
		

جرب الكود

في المثال التالي قمنا بعرض إحدى قواعد الرياضيات بشكل بداخل <code> </code> حتى تظهر بشكل مختلف عن النص العادي.
ملاحظة: بداخل الوسم <code> قمنا باستخدام الوسم <sup> لعرض جزء بعض الأجزاء منه بشكل مرتفع.

<p>Pythagorean Theorem: <code>a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup></code></p>
		

جرب الكود

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

code {
	font-family: monospace;
}
	

نصائح و ملاحظات

إستخدم الوسم <pre> إذا أردت عرض كود يتألف من عدة أسطر.
و استخدم الوسم <code> في حال أردت عرض كود يتألف من كلمة أو جملة واحدة, بمعنى أنه لا يتألف من أكثر من سطر.