مشاركة حلول: مهمة التدرب على لغة التنسيقات


#21

جميل @Sahar كما هو مطلوب، فقط تأكدي من وضع الأكواد في التعليق بالشكل المطلوب كما تم شرح ذلك في الفيديو اعلاة


#22
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
    </head>
    <style>
        body{background-color:red}
        p{width:400px;background-color:green;color:#00FA9A}
        div p{background-color:blue;color:#00BFFF}
    </style>
    <body>
        <p>
            Never give up. Today is hard, tomorrow will be worse, 
            but the day after tomorrow will be sunshine
        </p>
        
        <div>
            <p>
                If you work just for money, you'll never make it, 
                but if you love what you're doing success will be yours
            </p>
        </div>

    </body>
</html>

#23
مهمة التدرب على لغة التنسيقات
    <style>
        body {
            background-color: black;
        }
        p{
            background-color: red;
            color: #ffffff;
            width: 400px;
        }
        div p {
            background-color: #0AB387;
            color: yello;
        }
    </style>
</head>
<body>
    
    <p>
        Never give up. Today is hard, tomorrow will be worse, 
        but the day after tomorrow will be sunshine
    </p>
    
    <div>
        <p>
            If you work just for money, you'll never make it, 
            but if you love what you're doing success will be yours
        </p>
    </div>

</body>

#24
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
        <style>
            body {
                background-color: #FFE4E1;
            }
            p {
              background-color: #A9A9A9;
                width: 400px;
                color:#8B0000;
            }
            div p {
              background-color: GOLD;
                color: #00008B;
            }
        </style>
    </head>
    <body>

        <p>
            Never give up. Today is hard, tomorrow will be worse,
            but the day after tomorrow will be sunshine
        </p>

        <div>
            <p>
                If you work just for money, you'll never make it,
                but if you love what you're doing success will be yours
            </p>
        </div>

    </body>
</html>

#25

رائع!

بإمكانك الإنتقال للمهمة التالية


#26
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
        <style>
            body {
                background-color: #FFE4E1;
            }
            p {
              background-color: #A9A9A9;
                width: 400px;
                color:#8B0000;
                height: 100px;
                line-height: 40px;
                font-family:'Indie Flower', cursive;
                text-decoration: underline red;
            }
            div p {
              background-color: GOLD;
                color: #00008B;
                width: 400px;
                text-decoration: none;
                text-align:center;
                font-family:'Anton', sans-serif;

            }
        </style>
    </head>
    <body>

        <p>
            Never give up. Today is hard, tomorrow will be worse,
            but the day after tomorrow will be sunshine
        </p>

        <div>
            <p>
                If you work just for money, you'll never make it,
                but if you love what you're doing success will be yours
            </p>
        </div>

    </body>
</html>


#27

ممتاز :wink:


#28
<!DOCTYPE html>
<html>
  <head>
    <meta charset ="utf-8">
    <title>مهمة التدرب على لغة التنسيقات</title>
    <style>
    body{
      background-color: #8FBC8B;
      color:blue;
      font-size: 16px;
    }
    p{
      background-color: #FFE4C4;
      width: 400px;
    }
      div p{
        background-color: yellow;
        width: 400px;
      }
    </style>
  </head>
  <body>
    <p>
      Never give up. Today is hard, tomorrow will be worse,
      but the day after tomorrow will be sunshine
  </p>
  <div>
       <p>
           If you work just for money, you'll never make it, but if you
           love what you're doing success will be yours
       </p>
  </div>
  </body>
</html>

#29

ممتاز @Noora

لون الخلفية جميل :star_struck:


#31

@Alhakem Thank you