تسمية HTML <code> العلامة

  • الصفحة السابقة <cite>
  • الصفحة التالية <col>

التعريف والاستخدام

<code> استخدام العلامة لتحديد قطعة من الكود للحاسوب، ويُعرض محتواها باستخدام الخط الأفقى الافتراضي للتصفح.

نصيحة:هذه العلامة لم تُستبدل. ولكن يمكن تحقيق تأثيرات غنية باستخدام CSS (انظر المثال أدناه).

انظر أيضًا:

العلامة الوصف
<samp> تحديد مخرجات برنامج الكمبيوتر.
<kbd> تحديد المدخلات على لوحة المفاتيح.
<var> تحديد المتغيرات.
<pre> تحديد النص المسبق التنسيق.

انظر أيضًا:

دليل HTML:تنسيق النصوص في HTML

دليل HTML DOM:مفهوم الكود

مثال

مثال 1

تحديد بعض النصوص ككود في المستند:

<p>تعريف تسمية <code>button</code> HTML لإنشاء زر قابلة للنقر.</p>
<p>تعريف خاصية <code>background-color</code> CSS لون الخلفية للعنصر.</p>

جرب بنفسك

مثال 2

استخدام CSS لتحديد النمط لـ <code> العنصر:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>تعريف تسمية <code>button</code> HTML لإنشاء زر قابلة للنقر.</p>
<p>تعريف خاصية <code>background-color</code> CSS لون الخلفية للعنصر.</p>
</body>
</html>

جرب بنفسك

خصائص العالمية

<code> يدعم العلامة خصائص العالمية في HTML.

خصائص الحدث

<code> يدعم العلامة خصائص الحدث في HTML.

إعدادات CSS الافتراضية

معظم المتصفحات ستعمل باستخدام القيم الافتراضية التالية <code> العنصر:

code {
  font-family: monospace;
}

جرب بنفسك

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم
  • الصفحة السابقة <cite>
  • الصفحة التالية <col>