مشاركة حلول: مهمة تطبيق فيتامين واو

لا شكر لى واجب @Siuf :blush:

2 Likes

بعد إذنك قمت بتعديل تعليقك لتظهر الاكواد

حيث قمت بوضعها بداخل العلامات التالية:

```
هنا وضعت الاكواد بين هذه العلامات
```

بالنسبة لتطبيقك كلة ممتاز :clap: فقط خذ في عين الإعتبار الملاحظات التالية:

الأولى قمت بعمل عنوان من المستوى الثالث h3 بداخل القسم main وقفزت عن المستوى الثاني. فاذا ما عدت لدرس العناوين وقمت بمراجعة تسلسل العناوين في صفحتك راح تلاقيها بالشكل التالي:

image

لاحظ ان العنوان الي من المستوى الثاني h2 مكتوب بجوارة أنه مفقود “missing” لذا إحرص على الإبقاء على تسلسل منطقي للعناوين.

الثانية الرابط قمت بإعطائه الخاصية href بدون قيمة، لا يستحسن ذلك ولكن بإمكانك إعطائه القيمة # والتي تشير بأن هذا الرابط ميت لا يؤدي الى اي مكان بالشكل التالي:

<a href="#">اطلب وساطه</a>

الثالثة في القسم footer قمت بوضع فقرة نصية بشكل مباشر والأفضل وضعها بداخل عنصر الفقرات النصية p

<footer>
    <p>هنا الفقرة النصية</p>
</footer>
2 Likes

شكرا لك على نصائحك يا اخي سوف اقوم بتصحيحها باذن الله .

2 Likes

شكرا على الرد والمتابعه وإليك الكود بعد التعديل:-

<!DOCTYPE html>
    <html>
        <head>
            <title>عنوان الموقع</title>
            <meta charset="UTF-8">
        </head>
        <body>
            <header>
                <h1>فيتامين واو</h1>
            </header>
            <main>
                <h2>سنجعلك في المقدمة إن تأخرت</h2>
                <p>إحتياجك لهذا الفيتامين أكثر من الفيتامينات الآخرى فهو الفيتامين الذي لا يمد جسدك بالقوة فحسب ولكن يفيدك من الناحية الوظيفية ويوسع حجم معارفك.</p>
                <img src="https://raw.githubusercontent.com/coretabs-academy/frontend-basics-workshop-markdown/master/project-structure/task/assets/banner.jpg">
                <div>
                   <a href="#">أطلب وساطه</a>
                </div> 
            </main>
            <footer><p>&copy;جميع الحقوق محفوظه لفيتامين واو</p></footer>
        </body>    
    </html>
2 Likes

الله ما اجمل الكود نظيف ومرتب، رائع ي محمود :star_struck:

1 Like

مرحبا بكم جميعا
المهمة المطلوبة

<!DOCTUPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>فيتامين واو</title>
    </head>
    <body>
        <header>
            <h1>فيتامين واو</h1>
        </header>
        <main>
            <h2>سنجعلك فى المقدمة ان تأخرت</h2>
            <p>إحتياجك لهذا الفيتامين أكثر من الفيتامينات الآخرى فهو الفيتامين الذي لا يمد جسدك بالقوة فحسب ولكن يفيدك من الناحية الوظيفية ويوسع حجم معارفك</p>
            <div>
                <img src="https://raw.githubusercontent.com/coretabs-academy/frontend-basics-workshop-markdown/master/project-structure/task/assets/banner.jpg">
            </div>
            <a href="#">اطلب وساطة</a>
        </main>
        <footer>
            <p>&copy;جميع الحقوق محفوظة لفيتامين واو2018</p>
        </footer>
    </body>
</html>
2 Likes

ممتاز مية مية طارق :muscle:

1 Like
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <header>
        <h1>فيتامين واو</h1>
    </header>
    
    <main>
        <div>
            <h2>سنجعلك في المقدمة إن تأخرت</h2>
            <p>إحتياجك لهذا الفيتامين أكثر من الفيتامينات الآخرى فهو الفيتامين الذي لا يمد جسدك بالقوة فحسب ولكن يفيدك من الناحية الوظيفية ويوسع حجم معارفك</p>
            <img src="https://raw.githubusercontent.com/coretabs-academy/frontend-basics-workshop-markdown/master/project-structure/task/assets/banner.jpg">
        </div>
        <a href="#">اطلب وساطه</a>
    </main>
    
    <footer> 
        <p>&copy; جميع الحقوق محفوظة لفيتامين واو 2018</p>
    </footer>
    
</body>

</html>
3 Likes

ممتاز
ممكن تعديل بسيط
Capture

3 Likes

Great job @tarekamro :heart_eyes:
Small note: it’s DOCTYPE not DOCTUPE.

2 Likes

ممتاز وكما أشار @tarekamro من الأفضل وضع عنوان بين وسمي title

3 Likes

شكراً على التعقيب

2 Likes

you must be good at hide-and-seek game @Nabila :joy::+1:

2 Likes

:grin::grin::joy::joy::joy::joy::joy::joy::joy::joy: you made my day sir @Alhakem

1 Like

مظبوط لكن انا سيبتها عمد لانها العنوان مش ظاهر في التدريب :wink: … بحاول التزم بالتفاصيل :grin:

2 Likes

بسيطة :smiley:

2 Likes

تعقيب
تحديد نوع المستند انها لغة html الاصدار الخامس حتى يتعرف عليها المتصفح

<!DOCTYPE html>
1 Like

بالفعل هذا هو الكود الناقص :ok_hand:

1 Like

1 Like

مية مية @Noora المرة الجاية قومي بنسخ الأكواد إلى هنا مباشرة مما يسهل علي مراجعتها :blush: