أحدث البرامج التعليمية وتطوير الشبكة
×

HTML5 البرنامج التعليمي

HTML الصفحة الرئيسية HTML المقدمة برامج تحرير HTML HTML الأساسية HTML عناصر HTML الصفات HTML العناوين HTML الفقرات HTML الأنماط HTML التنسيق HTML الاقتباسات HTML كود الكمبيوتر HTML تعليقات HTML الألوان HTML CSS HTML الروابط HTML صور جداول HTML قوائم HTML HTML كتلة والمضمنة عناصر HTML فصول HTML نسق HTML متجاوب HTML نوافذ الأطر المدمجة HTML JavaScript HTML رئيس HTML الكيانات HTML حرف HTML محارف HTML URL ترميز HTML XHTML

HTML أشكال

HTML أشكال HTML عناصر النموذج HTML أنواع المدخلات HTML سمات المدخلات

HTML5

HTML5 مقدمة HTML5 الدعم HTML5 عناصر HTML5 دلالات الهجرة HTML5 HTML5 دليل الاناقة

HTML الرسومات

HTML قماش HTML SVG

HTML وسائل الإعلام

HTML وسائل الإعلام HTML فيديو HTML سمعي HTML المكونات الإضافية HTML YouTube

HTML APIs

HTML تحديد الموقع الجغرافي HTML جر / قطرة HTML التخزين المحلي HTML App مخبأ HTML العمال على شبكة الإنترنت HTML SSE

HTML أمثلة

HTML أمثلة HTML اختبار قصير HTML5 اختبار قصير HTML ملخص

HTML المراجع

HTML العلامة القائمة HTML الصفات HTML الأحداث HTML قماش HTML الصوت والفيديو HTML Doctypes HTML الألوان HTML مجموعات الأحرف HTML URL ترميز HTML رموز لغة HTTP رسائل HTTP أساليب PX to EM محول اختصارات لوحة المفاتيح

HTML الحاسوب كود عناصر

كود العنصر الكمبيوتر

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

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

يستخدم HTML عادة متغير حجم الرسالة والتباعد.

لا يريد هذا عند عرض أمثلة من التعليمات البرمجية الكمبيوتر.

و <kbd> ، <samp> ، و <code> عناصر كل الدعم الثابت حجم الرسالة والتباعد.


HTML <kbd> لإدخال لوحة المفاتيح

وHTML <kbd> عنصر يحدد مدخلات لوحة المفاتيح:

مثال

<kbd>File | Open...</kbd>

نتيجة:

File | Open...
انها محاولة لنفسك »

HTML <samp> لإخراج الحاسوب

و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>

نتيجة:

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
انها محاولة لنفسك »

HTML <code> لكود الحاسوب

وHTML <code> عنصر يحدد قطعة من التعليمات البرمجية البرمجة:

مثال

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

نتيجة:

var x = 5; var y = 6; document.getElementById("demo").innerHTML = x + y;
انها محاولة لنفسك »

لاحظ أن <code> عنصر لا يحافظ المسافات الزائدة وفواصل الأسطر.

لحل هذه المشكلة، يمكنك وضع <code> العنصر داخل <pre> العنصر:

مثال

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

نتيجة:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
انها محاولة لنفسك »

HTML <var> للمتغيرات

وHTML <var> عنصر يحدد متغير.

المتغير يمكن أن تكون متغير في تعبير رياضي أو متغير في سياق البرمجة:

مثال

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

نتيجة:

Einstein wrote: E = m c 2 .
انها محاولة لنفسك »

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 »


HTML الحاسوب كود عناصر

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