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

h444hoo90 · 28 نوفمبر 2019، 2:07م

done

Alhakem · 30 نوفمبر 2019، 2:33م

مية مية

mo7ammad · 18 ديسمبر 2019، 3:03م

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
    </head>
    <style>
        body {
            background-color: #DAF0F2;
            
        }
        
        p {
            color: #DAF0F2;
            background-color: #2C646A;
            width: 400px;
        }
        
        div p {
            background-color: #632C6A;
        }
    </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>

Alhakem · 19 ديسمبر 2019، 9:25ص

مية مية محمد

elmosamem.abdo · 19 ديسمبر 2019، 3:32م

<!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">
    <title>الصفحة الرئيسية</title>
    <style>
        body{
            background-color:aquamarine ;
            
        }
        p{
            width: 400px;
            background-color: #FF8C00;
            color:aliceblue ;
            
        }

        div p{
            background-color: #C71585;
            

        }
    
    
    </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>

mo7ammad · 13 مارس 2020، 2:12ص

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
        <link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap" rel="stylesheet">
    </head>
    <style>
        body {
            background-color: #DAF0F2;
            font-family: 'Yanone Kaffeesatz', sans-serif;
        }
        
        p {
            color: #DAF0F2;
            background-color: #2C646A;
            width: 400px;
            font-size: 30px;
            line-height: 60px;
            letter-spacing: 2px;
            text-align: center;
            text-decoration: underline overline;
            
            
            
        }
        
        div p {
            background-color: #632C6A;
        }
    </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>

Annotation 2020-03-13 041202

Alhakem · 22 ديسمبر 2019، 9:59ص

مية مية محمد

Mohammad-Al-hasan · 22 ديسمبر 2019، 10:32م

تنسيق الصفحة بإستخدام ال Css

<html>
    <head>
        <meta charset="UTF-8" >
        <title>Page</title>
        <style>
            body{
                background-color: #32775e;
            }
            header{
                color:#fff;
                background-color: #e00;
                width:400px;
            }
            div{
                background-color: #ffd526;
                width:400px;
            }
        </style>
    </head>
    <body>
        <header >
            <p>
                Never give up. Today is hard, tomorrow will be worse,
                but the day after tomorrow will be sunshine
            </p>
        </header>

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

Alhakem · 23 ديسمبر 2019، 2:42م

عمل رائع ي محمد

AnasAlshorbasi · 9 يناير 2020، 12:43ص

اجابة سؤال التنسيق

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
    </head>
    <style>
        body{
            background-color:#48D1CC;
        }
        p{
            background-color:#4682B4;
            width:400px;
            color:white;
        }
        div p{
            background-color:#5F9EA0;
        }
    </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>

Mohamed_Ibrahim98 · 9 يناير 2020، 5:52ص

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
    </head>
    <style>
        
    </style>
    <body>
        
        <p class="p1">
            Never give up. Today is hard, tomorrow will be worse, 
            but the day after tomorrow will be sunsahine
        </p>
        
        <p class="p2">
            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>
</html>

body {
    background-color: #333;
}

p {
    width: 400px;
    color: #f4f4f4;
}

.p1 {
    background-color: red;
}

.p2 {
    background-color: blue;
}

Capture

Alhakem · 9 يناير 2020، 7:55ص

مية مية أنس، عمل ممتاز

Alhakem · 9 يناير 2020، 7:56ص

عمل إحترافي محمد

ahmed_benjomaa96 · 15 يناير 2020، 6:43م

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hi</title>
</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>
<style>
	body{
		background:  #3d442b ;
		}
 p  {
		color: #00bdff;
		background-color:#f6f4ea;
		width:400px;
		}
	div p {
		color:#f87e4d;
		width:400px;
		background-color:#faecb9;
		}
</style>

Alhakem · 15 يناير 2020، 6:45م

عمل رائع ي أحمد

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

مرجع استعمال المحرر في مجتمع كورتابز عام

يوفر المحرر في مجتمع كورتابز خواص رائعة جداً لجعل تنسيق الردود والمواضيع سهلة وممتعة للقارئ print('كود رائع') ربما أنت الآن تتساءل حول ما أنا كتبته بالأعلى: كيف أضفت تعبير emoji " " بالأعلى؟ أو كيف قمت بجعل النص “لجعل تنسيق الردود والمواضيع سهلة وممتعة” عريض؟ أو كيف كتبت الأكواد بشكل منسق؟ إليك هذا المرجع السريع للقيام بكل هذا: 1. إضافة كود: يمكنكم ذلك باضافة حرف (ذال + shift) ثلاث مرات ``` قبل و بعد الكود، مثال: ``` console.log('hi') console.log('hello') …

AhmedAshour · 20 يناير 2020، 10:07م

ما الخطأ هنا ؟ body{ background-color:#DAF7A6; } p{ color:white; width:400px; background-color:#EE3A14; } div p{ color:black; width:400px; background-color:#C7CDD4; }

Mohamed · 9 فبراير 2020، 11:26م

وهل عمل الكلاسات امر جيد ام سىء ؟

a.djenane · 12 فبراير 2020، 11:33ص

لغة التنسيقات p{ width: 400px; background-color: #ED8561; color: white; }

	body{
		background-color: #CBF198;
	}

	div p{
		background-color: #4A68EC;
	}

</style>

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

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

amtma20 · 3 مارس 2020، 7:46م

مهمة التدرب على لغة التنسيقات

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>مهمة التدرب على لغة التنسيقات</title>
    </head>
    <style>
        body {
            background-color: #1A1C1E;
        }
        p {
            background-color: #282B2D;
            color: #fff;
        }
        div p {
            background-color: #484D51;
            color: #fff;
        }
    </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>

Bashir · 4 مارس 2020، 6:13م

<!DOCTYPE html>
<html>
  <head>
    <meta charset ="utf-8">
    <title>مهمة التدرب على لغة التنسيقات</title>
    <style>
    body{
      background-color: #D39F93;
      color:#31456E;
      font-size: 18px;
    }
    p{
      background-color: #FFE4C4;
      width: 400px;
    }
      div p{
        background-color: #AFC3ED;
        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>