عناصر كود كمبيوتر HTML
يحتوي HTML على عدة عناصر لتحديد إدخال المستخدم ورمز الكمبيوتر.
مثال
<code>
x = 5;
y = 6;
z = x + y;
</code>
HTML <kbd> لإدخال لوحة المفاتيح
يستخدم عنصر HTML <kbd>لتعريف إدخال لوحة المفاتيح. يتم عرض المحتوى الموجود بالداخل بالخط الأحادي الافتراضي للمتصفح.
مثال
حدد بعض النص كإدخال من لوحة المفاتيح في مستند:
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
نتيجة:
HTML <samp> لإخراج البرنامج
يستخدم عنصر HTML <samp>لتحديد عينة الإخراج من برنامج كمبيوتر. يتم عرض المحتوى الموجود بالداخل بالخط الأحادي الافتراضي للمتصفح.
مثال
حدد بعض النصوص كنموذج إخراج من برنامج كمبيوتر في مستند:
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to
continue</samp></p>
نتيجة:
File not found.
Press F1 to continue
HTML <code> للحصول على كود الكمبيوتر
يستخدم عنصر HTML <code>لتعريف جزء من كود الكمبيوتر. يتم عرض المحتوى الموجود بالداخل بالخط الأحادي الافتراضي للمتصفح.
مثال
حدد بعض النصوص كرمز كمبيوتر في مستند:
<code>
x = 5;
y = 6;
z = x + y;
</code>
نتيجة:
x = 5;
y = 6;
z = x + y;
لاحظ أن <code>العنصر لا يحتفظ بالمسافات الزائدة وفواصل الأسطر.
لإصلاح ذلك ، يمكنك وضع <code>العنصر داخل <pre>عنصر:
مثال
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
نتيجة:
x = 5;
y = 6;
z = x + y;
HTML <var> للمتغيرات
يستخدم عنصر HTML <var>لتعريف متغير في البرمجة أو في تعبير رياضي. عادةً ما يتم عرض المحتوى الداخلي بخط مائل.
مثال
حدد بعض النصوص كمتغيرات في المستند:
<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var>
is the base, and <var>h</var> is the vertical height.</p>
نتيجة:
ملخص الفصل
- يحدد
<kbd>العنصر إدخال لوحة المفاتيح - يحدد
<samp>العنصر عينة الإخراج من برنامج كمبيوتر - يحدد
<code>العنصر قطعة من كود الكمبيوتر - يحدد
<var>العنصر متغيرًا في البرمجة أو في التعبير الرياضي - يحدد
<pre>العنصر النص المنسق مسبقًا
تمارين HTML
عناصر كود كمبيوتر HTML
| Tag | Description |
|---|---|
| <code> | Defines programming code |
| <kbd> | Defines keyboard input |
| <samp> | Defines computer output |
| <var> | Defines a variable |
| <pre> | Defines preformatted text |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .