تسليم حلول: مهمة التدرب على القوائم - Lists

Alhakem · 29 أبريل 2019، 5:31م

مرحباً جميعاً

المهمة المطلوبة:

طريقة مشاركة الأكواد التي قمت بكتابتها:

قم بنسخ الأكواد من بيئة العمل ومن ثم لصقها بين هذه العلامات

```
هنا ضع الأكواد
```

شاهد الفيديو التالي لتعرف طريقة مشاركة الأكواد للمنتدى بشكل منسق

moimad · 29 أبريل 2019، 6:58م

<!DOCTYPE html>
<html>

<head>
    <title>list</title>
    <meta charset="utf-8">
    <style>
        body {
            direction: rtl;
        }

        ul {
            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>

benyahia32 · 29 أبريل 2019، 7:10م

<!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: 23px;
}
</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>

Alhakem · 29 أبريل 2019، 7:22م

@mohamed1
@benyahia32

ممتاز، قمتوا بعمل رائع!

Souf · 29 أبريل 2019، 7:50م

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title> تطبيقات القوائم </title>
        <style>
            body {
                direction: rtl;
            }
            ul {
               margin: 0;
            }
        </style>
    </head>
    <body>
         <ul> 
            <li> الرئيسية </li>
         </ul>
         <ul>
            <li> الإلكترونيات 
            <ul>
              <li> كاميرات </li>
              <li> أجهزة كمبيوتر </li>
              <li> أجهزة منزلية </li>
            </ul>
            </li>
         </ul>
         <ul>
            <li> المنزل 
            <ul>
               <li> الأثاث والديكور </li>
               <li> المطبخ </li>
            </ul>
            </li>
         </ul>
         <ul>
            <li> الأزياء 
            <ul>
               <li> حقائب اليد </li>
               <li> الساعات </li>
            </ul>
            </li>
         </ul>
    </body>
</html>

Alhakem · 29 أبريل 2019، 8:43م

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

أعد النظر على جوابك، متأكد بأنك تستطيع إصلاحه بنفسك، إذا هناك شئ غير واضح سوى في المهمة أو الدرس أخبرني

Souf · 29 أبريل 2019، 10:07م

نعم اخي اسف لانني لم انتبه كثيرا كنت مضغوط قليلا بسبب الدراسة الان لقد صححت الكود

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title> تطبيقات القوائم </title>
        <style>
            body {
                direction: rtl;
            }
        </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>

Alhakem · 29 أبريل 2019، 10:52م

الان ممتاز

hamzaabueyada · 30 أبريل 2019، 1:06م

مهمة التدريب على القوائم:

<!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: 20px;
    }
    
    </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>

Wan · 30 أبريل 2019، 3:45م

مرحباً

<!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">
    <link rel="stylesheet" href="css/style.css">
    <title>مهمة: التدرب على القوائم</title>
</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{
    direction: rtl;
    font-size: 22px;
}

Nadra · 30 أبريل 2019، 3:51م

براڤو عمل جميل

Alhakem · 30 أبريل 2019، 3:51م

@hamzaabueyada @Wan

عمل رائع شباب

mahmoud_rashad · 7 مايو 2019، 7:11ص

<!DOCTYPE html>
    <html>
        <head><link rel="stylesheet" href="normalize.css">
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>STORE</title>
            <link href="https://fonts.googleapis.com/css?family=Domine|Questrial" rel="stylesheet">
            <link rel="stylesheet" href="styles/style.css">
        </head>
        <body>
            <header>
                <h1>
                    <a href="index.html">STORE</a>
                </h1>
            </header>
            <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>

Alhakem · 7 مايو 2019، 9:17م

ممتاز

asmaa_salih · 12 مايو 2019، 9:51م

html code

<!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>home</title>
    <link rel="stylesheet" href="css/style.css">
</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>

css code

body {
    direction: rtl;
    font-size: 22px;
}

Alhakem · 12 مايو 2019، 10:20م

مية مية

mohamedkhalil · 13 مايو 2019، 6:39ص

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدريب علي القوائم</title>
        <style>
    body{
        direction: rtl;
    }
    
    </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>
        <script src="custom.js"></script>
    </body> 
</html>

Alhakem · 13 مايو 2019، 10:57ص

ممتاز

tarekamro · 20 مايو 2019، 1:02م

<!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>الالكترونيات</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>
    </ul>
</body>
</html>

Alhakem · 21 مايو 2019، 10:44ص

أريد منك إعادة النظر في كتابتك للأكواد وللقوائم الفرعية. وتتاكد بأنها في المكان الصحيح