عناصر الشيفرة الحاسوبية لـ HTML

كود الحاسوب

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

تنسيق كود الحاسوب HTML

عادةً، يستخدم HTMLقابل للتغييرحجم الأحرف، والتباعد القابل للتغيير.

في عرضكود الحاسوبفي الحالات التجريبية، ليس من الضروري أن يكون هذا هو الحال.

<kbd>, <samp>، وكذلك <code> كل العناصر تدعم حجم الأحرف الثابت والتباعد.

تنسيق لوحة المفاتيح HTML

HTML <kbd> تعريف العنصرالإدخال عن طريق لوحة المفاتيح：

مثال

<p>لفتح ملف، اختر:</p>
<p><kbd>File | Open...</kbd></p>

جربها بنفسك

تنسيق المثال لـ HTML

HTML <samp> تعريف العنصرمثال على输出来 الحاسوب：

مثال

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

جربها بنفسك

تنسيق الشيفرة لـ HTML

HTML <code> تعريف العنصرمثال على الشيفرة البرمجية：

مثال

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

جربها بنفسك

<code> العنصرلا تُحفظالفراغات الزائدةالفراغاتوالانقسام：

مثال

مثال على الشيفرة

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

جربها بنفسك

لحل هذه المشكلة، يجب أن تغطي الشيفرة في عنصر <pre>:

مثال

مثال على الشيفرة

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

جربها بنفسك

تنسيق المتغيرات لـ HTML

HTML <var> تعريف العنصرالمتغيرات الرياضية：

مثال

<p>Einstein wrote:</p>
<p><var>E = m c<sup>2</sup></var></p>

جربها بنفسك

عناصر الشيفرة الحاسوبية لـ HTML

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