انتقل إلى محتوى التعلم
نجهّز مساحة التعلم…
تحدد جزءًا من الصفحة، ثم تختار النص الذي يحقق شرط المكان والحالة.
أمامك وصف مكتوب لصفحة مكتبة. سنقرأه مثل صناديق داخل صناديق، حتى نعرف أي كلمة تنتمي إلى المكان المطلوب.
HTML طريقة لوصف أجزاء صفحة ويب. العلامة الأولى تبدأ جزءًا، والعلامة التي تحمل شرطة مائلة تنهيه. ما بينهما محتوى ذلك الجزء.
<p>example</p>| الكلمة في الملف | معناها هنا |
|---|---|
| main / section / div | أسماء لحاويات تضم أجزاء أخرى من الصفحة. |
| p | فقرة نصية. |
| id | اسم يميز عنصرًا محددًا في الصفحة. |
| data-status | معلومة مضافة تبين الحالة في هذا التمرين. |
| ready / draft | جاهز / مسودة. |
الابن المباشر موجود داخل الحاوية دون حاوية أخرى بينهما. إذا كان النص داخل div داخل section، فأبوه المباشر div.
شجرة الصفحة كاملة لهذا التمرين.
<main>
<section id="catalog">
<p data-status="draft">oak</p>
<div><p data-status="ready">pine</p></div>
<p data-status="ready">cedar</p>
</section>
<p data-status="ready">birch</p>
</main>هذه أول مرة تتعلم فيها الفكرة؟ افتح الشرح وامشِ معنا من أول سطر إلى الإجابة. سنشرح معنى الكلمات وسبب كل خطوة. بعدها جرّب كتابة الناتج بنفسك.
الشرح يتضمن الإجابة النهائية. قراءته جزء من التعلم، ولا تكمل التحدي تلقائيًا.
ابحث داخل القسم المسمى catalog عن فقرة موجودة فيه مباشرة وحالتها ready. خذ نص الفقرة وضعه في الفلاق.
المحاولات غير محدودة ولا تخصم نقاطًا. تُفحص الإجابات على السيرفر، ويُحفظ تقدم التدريب في متصفحك.
الدليل داخل كل تحدٍ يكفي لحله. هذه مراجع إضافية عند رغبتك في فهم المواصفات والأدوات بعمق أكبر.