انتقل إلى محتوى الدرس

Keyboard and Sample Output Elements أزرار لوحة المفاتيح ومخرجات النظام

تعلم عناصر الاقتباس والأكواد في HTML: أتقن استخدام blockquote و q و cite و abbr لتوثيق المصادر، ووظف عناصر code و kbd و samp لتمثيل الشفرات ومخرجات الأنظمة.
5 صفوف تعليمية
لغة HTML
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يكتمل الثلاثي التقني في معايير HTML5 بعنصرين متقدمين لا غنى عنهما في الشروح التقنية:

  • الوسم <kbd> (مدخلات المستخدم): يمثل المدخلات التي يقوم بها الإنسان، وخاصة اختصارات لوحة المفاتيح مثل <kbd>Ctrl</kbd> + <kbd>S</kbd>، وكذلك نقرات الفأرة والأوامر الصوتية. ويمكن تنسيقه بسهولة عبر CSS ليبدو كأزرار لوحة مفاتيح حقيقية مجسمة.
  • الوسم <samp> (مخرجات النظام): يمثل مخرجات برمجية أو استجابة شاشة الطرفية أو رسائل أخطاء النظام (مثل رسائل أخطاء الاتصال أو تأكيدات نجاح التثبيت).
الصف 2 ملاحظة هامة
الصف 3 كود برمجي
HTML
<p>To exit the program, press <kbd>Ctrl</kbd> + <kbd>C</kbd>.</p>
<p>The terminal will output:</p>
<samp>Process terminated with code 0.</samp>
الصف 4 معاينة حية
الصف 5 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

تعلمت في هذا الدرس صياغة الاقتباسات الكتلية عبر <blockquote> والسطرية عبر <q>; وتوثيق المراجع عبر <cite>; وشرح الاختصارات عبر <abbr>; وتمييز الأكواد عبر <code> وأزرار اللوحة عبر <kbd> ومخرجات النظام عبر <samp>. الخطوة التالية: انتقل الآن إلى الفصل الخامس عشر لدراسة «الروابط في لغة HTML» وبنية الوسم a والخصائص والروابط المطلقة والنسبية ومعايير الوصول.