الأن ممتاز 
ولكن ظهرت لي نفس النتيجة عندما قمت بها في الاول
لغة الـ HTML متساهلة مع الأخطاء لهذا في غالب الأحيان ستحاول عرض الكود بدون الإشارة لك بأنه يوجد خطأ ولن تقوم أيضاً بتعطيل الصفحة وذلك لأن المعايير تختلف من وقت لأخر وهناك ملايين الصفحات الموجودة على شبكة الإنترنت والتي تعتمد وتقوم على لغة الهيكلة. فعمل قواعد صارمة قد يعني توقف ملايين الملايين من المواقع لهذا مازلتي تشاهدي نتيجة مماثلة للشكل الذي نريد تحقيقة ولكن لن تقومي به بالشكل الصحيح
شكرا للتوضيح فهمت جدا
كيف اوقف الشخص المصحح اللي بيتكلم
:smile:
````هههههههههههه خلاص قمت بذلك ماشفت الخط الازرق
هههههههههه مزعج ما بيوقف الكلام
مهمة: التدرب على القوائم-Lists
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>مهمة: التدرب على القوائم-lists</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
body{
direction: rtl;
font-size: 25px;
}
</style>
</head>
<body>
<ul>
<li>الرئيسية</li>
<li>الالكترونيات
<ul>
<li>كاميرات</li>
<li>أجهزة كمبيوتر</li>
<li>أجهزة منزلية</li>
</ul>
</li>
<li>المنزل
<ul>
<li>الأثاث والديكور</li>
<li>المطبخ</li>
</ul>
</li>
<li>الأزياء
<ul>
<li>حقائب اليد</li>
<li>الساعات</li>
</ul>
</li>
</ul>
</body>
</html>
التطبيق على المهمة:
ممتاز ي مصعب 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>التدرب على القوائم</title>
</head>
<style>
body{
direction: rtl;
font-size: 20px;
font-weight: bold;
}
</style>
<body>
<header>
<ul><li>الرئيسية</li></ul>
<ul><li>الإلكترونيات
<ul><li>كاميرات</li></ul>
<ul><li>اجهزة كمبيوتر</li></ul>
<ul><li>اجهزة منزلية</li></ul>
</li></ul>
<ul><li>المنزل
<ul><li>اثاث وديكور</li></ul>
<ul><li>المطبخ</li></ul>
</li></ul>
<ul><li>الأزياء
<ul><li>حقائب يد</li></ul>
<ul><li>الساعات</li></ul>
</li></ul>
</header>
<main>
</main>
<footer>
</footer>
</body>
</html>
```````قمت بعمل 4 قوائم منفصلة، قم بمراجعة درس القوائم الفرعية وإكتشاف المشكلة في الكود الخاص بك 
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Lalezar&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rakkas&display=swap" rel="stylesheet">
<title> مهمة التدريب على القوائم </title>
<style>
body{
direction: rtl;
font-family: 'Lalezar', cursive;
}
div{
font-size: 28px;
}
.disk{
list-style-type:circle;
font-size: 22px;
font-family: 'Rakkas', monospace;
}
</style>
</head>
<body>
<div> <!-- قوائم غير مرتبة (Unordered Lists): -->
<ul>
<li>الرئيسية</li>
<li>الإلكترونات</li>
<ul class="disk">
<li>كاميرات</li>
<li>أجهزة كمبيوتر</li>
<li>أجهزة منزلية</li>
</ul>
<li>المنزل</li>
<ul class="disk">
<li>الأثاث والديكور</li>
<li>المطبخ</li>
</ul>
<li>الأزياء</li>
<ul class="disk">
<li>حقائب اليد</li>
<li>الساعات</li>
</ul>
</ul>
</div>
</body>
</html>
تقريباً 50% صحيح ولكن طريقة ومكان وضعك للقوائم الفرعية فيه مشكلة.
أريد منك مراجعة درس القوائم الفرعية وإعادة تطبيق ذلك 
عذراً بس الطريقة صحيحة فالقوائم الفرعية في أماكنها
<li>الإلكترونات</li>
<ul class="disk">
<li>كاميرات</li>
<li>أجهزة كمبيوتر</li>
<li>أجهزة منزلية</li>
</ul>
مثلاً في الكود أعلاة القائمة التي تحتوي على العناصر كاميرات … تعتبر قائمة منفصلة بحد ذاتها لان العنصر <li>الإلكترونات</li> مغلق .
لذا ضع القائمة الفرعية قبل وسم الإغلاق الخاص بالعنصر </li> كما تم الشرح بالدرس الخاص بالقوائم الفرعية.
ملاحظة:
قد تبدوا لك النتيجة في الوقت الحالي كان القائمة في مكانها الصحيح اذا شاهد ذلك في المتصفح وذلك لان لغة الـ HTML متساهلة مع الأخطاء
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
body {
direction: rtl;
margin: 0;
font-size: 40px;
}
</style>
</head>
<body>
<ul>
<li> الرئيسية </li>
<li> الإلكترونيات:
<ul>
<li> كاميرات </li>
<li> أجهزة كمبيوتر </li>
<li> أجهزة منزلية </li>
</ul>
</li>
<li> المنزل:
<ul>
<li> الأثاث والديكور </li>
<li> المطبخ </li>
</ul>
</li>
<li> الأزياء:
<ul>
<li> حقائب اليد </li>
<li> الساعات </li>
</ul>
</li>
</ul>
</body>
</html>شكراً لك تم الأمر
اعتذر عن التأخير
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body{
direction: rtl;
font-size: 32px;
}
</style>
</head>
<body>
<ul>
<li>الرئيسية</li>
<li>الالكترونيات
<ul>
<li>كاميرات</li>
<li>اجهزة كمبيوتر</li>
<li>اجهزة منزلية</li>
</ul>
</li>
<li>المنزل
<ul>
<li>الاثاث و الديكور</li>
<li>المطبخ</li>
</ul>
</li>
<li>الازياء
<ul>
<li>حقائب اليد</li>
<li>الساعات</li>
</ul>
</li>
</ul>
</body>
</html>
body{
margin: 0;
direction: rtl;
font-size: 20px;
line-height: 30px;
}
<body>
<ul>
<li>الرئيسية
</li>
<li>الإلكترونيات
<ul>
<li>كاميرات</li>
<li>أجهزة كمبيوتر</li>
<li>أجهزة منزلية</li>
</ul>
</li>
<li>المنزل
<ul>
<li>الأثاث والديكور</li>
<li>المطبخ</li>
</ul>
</li>
<li>الأزياء
<ul>
<li> حقائب اليد</li>
<li>الساعات</li>
</ul>
</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body{
direction: rtl;
font-size: 25px;
}
</style>
</head>
<body>
<ul> <li>الرئيسيه</li> </ul>
<ul>
<li>الإلكترونيات</li>
<ul><li>كاميرات</li></ul>
<ul><li>اجهزة كمبيوتر</li></ul>
<ul><li>اجهزه منزليه</li></ul>
</ul>
<ul>
<li>المنزل</li>
<ul><li>الأثاث والديكور</li></ul>
<ul><li>المطبخ</li></ul>
</ul>
<ul>
<li>الأزياء</li>
<ul><li>حقائب اليد</li></ul>
<ul><li>الساعات</li></ul>
</ul>
</body>
</html>
ممتاز
