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

2 Likes

مهمة التدرب على لغة التنسيقات :wink::blush:::
1- الكود:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
    </head>
    <style>
        body {
            background-color: #0E5C86;
        }
        p {
            width: 400px;
            background-color: aqua;
            color: blueviolet;
        }
        div p {
            width: 400px;
            background-color: blueviolet;
            color: aqua;
        }
    </style>
    <body>
        
        <p>
            Never give up. Today is hard, tomorrow will be worse, 
            but the day after tomorrow will be sunsahine
        </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>

2- صورة:

2 Likes
مهمة التدرب على لغة التنسيقات p{ width:400px; color:black; } body{ background:#900C3F; }
</style>
<body>
    
    <p style="background:#DAF7A6">
        Never give up. Today is hard, tomorrow will be worse, 
        but the day after tomorrow will be sunsahine
    </p>
    
    <p style="background:#89DF70">
        If you work just for money, you'll never make it, 
        but if you love what you're doing success will be yours
    </p>
    
</body>
1 Like

أمر جيد أستاذ محمد يقصد انك استخدمت الكلاسات وهذا شيء متقدم ما شاء الله

1 Like

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

1 Like

جيد جدا لا تنس اعطاء الفقرة النصية width بقيمة 400px

1 Like

مراجعة أكوادك من قبل المدربين المختصين متاحة فقط للمسجلين في مخيم كورتابز :point_left: coretabs.net