الدرس 4 من 8

العربية والإنجليزية معًا

هدف الدرس

اتجاهان في صفحة

01

الشرح

الصفحة عربية، لكن الكود والروابط والأرقام لاتينية. وخلط الاتجاهين بلا ضبط يقلب الترقيم والنقاط إلى مواضع خاطئة.

القاعدة الأولى: dir="rtl" على الصفحة، وdir="ltr" على كل كتلة لاتينية بذاتها — الكود والروابط والمسارات.

القاعدة الثانية: الخصائص المنطقية. margin-inline-start تعني «من جهة البداية»، فتصير يمينًا في العربية ويسارًا في الإنجليزية بلا قاعدة ثانية. أما margin-left فتبقى يسارًا دائمًا وتكسر الاتجاه.

02

المطلوب

اضبط اتجاه كتلة الكود، ونسّق .note بخصائص منطقية: شريط على حافة البداية وحشو بعده.

معايير التصحيح

5 معايير
  1. كتلة الكود اتجاهها ltr
  2. .note لها شريط على حافة البداية
  3. وحشو بعد الشريط
  4. الشريط على اليمين فعلًا في صفحة عربية
  5. الأنماط تستعمل الخصائص المنطقية لا left/right
index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل» ليبدأ الفحص.

5 معايير في بطاقة «المطلوب».