مية مية 
هذا هو الكود
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>مهمة التدرب على لغة التنسيقات</title>
</head>
<style>
body{
background-color: #9BED0C;
}
p{
background-color: #E611B2;
color: #ffffff;
width: 500px;
}
div p{
background-color: #B41FD1;
color: #ffffff;
width: 400px;
}
</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>
1 Like
ممتاز 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>مهمة التدرب على لغة التنسيقات</title>
</head>
<style>
body{background-color: #4B0082;}
div p {background:white;}
p {
background-color: #E6E6FA;
width: 400px;
}
</style>
<body>
<div>
<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>
</body>
1 Like
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>مهمة التدرب على لغة التنسيقات</title>
</head>
<style>
body{background-color: #4B0082;}
div p {background:white;}
p {
background-color: #E6E6FA;
width: 400px;
}
</style>
<body>
<div>
<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>
</body>
</html>
وأختيارك للألوان جميل 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>امهمة التدريب على التنسيقات</title>
<style>
body{
background-color: #4268b3;
color: #ffffff;
width: 400px;
}
p{
background-color: #20f020;
color: blue;
}
div p{
background-color: #2f2f2f;
color: red;
}
</style>
</head>
<body>
<header>التدريب على التنسيقات</header>
<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>
2 Likes
<style`المحافظة على التنسيق`>
body{
background-color: green;
}
p{
background-color: gold;
color: black;
width: 400px;
}
div p{
background-color: red;
color: #ffffff;
width: 400px;
}
</style>
1 Like
<style>
body{
background-color: #D2F193;
}
p{
background-color: #B2F6BE;
color: #1C640F;
width: 400px;
}
div p{
background-color: #B2C2F6;
color: #111D61;
}
</style>
<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>
1 Like
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>مهمة التدرب على لغة التنسيقات</title>
</head>
<style>
p{
width:400px;
background-color:#ff502f;
color:#fcf9ec;
}
body{
background-color:#12d3cf;
}
div p{
background-color:#b0f4e6;
color:#ff502f;
}
</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>
1 Like
مية مية 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>مهمة التدرب على لغة التنسيقات</title>
</head>
<style>
body{
background-color: #FFF8DC;
}
p{
background-color: #7FBEEB;
color: #E0FFFF;
width: 400px;
}
div p{
background-color: #D46363;
color: #FFFFF0;
width: 400px;
}
</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>
مهمة التدرب على لغة التنسيقات
<style>
body{
background-color:#A9A9A9;
}
P{
background-color: black;
color: white;
wight: 400px;
}
div p{
background-color:#A07E79;
color:#451F19;
wight: 400px;
}
</style>
</head>
<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>
2 Likes
ممتاز 
المشروع 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Style of Html</title>
<style>
body{
background-color:#008080
}
p{width:400px;}
body p{
background-color:#302a30;
color:gold;
}
div p{
background-color:rgb(211, 208, 195);
color:#302a30;
}
</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>
1 Like
ممتاز ي نايف
1 Like
هذي مهمة التدريب على لغة CSS ان شاءالله كل شيء تمام 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>king Tips</title>
<style>
body{
background-color:#BC8F8F;
}
h1 {
color:#ffffff;
/* background-color:#9bbec7;
padding:7px;
width:150px;
high:50px;
text-align:center;}*/
}
p{
background-color:#FFE4C4;
text-align:center;
padding:25px;
width:400px;
color:#FF8C00;
/* text-align:justif;*/
}
div p{
text-align:center;
background-color:#FFDAB9;
color:#DAA520;
width:400px;
padding:25px;
}
ul {
list-style-type:square;
font-size: 32px;
font-weight: bold;
color:#ffffff;
}
ol li{
color:#ffffff;
}
</style>
</head>
<body dir='ltr'>
<ul>
<li><h1>Tips of today:-</h1></li>
</ul>
<ol>
<li>
<p><em>Never give up. Today is hard, tomorrow will be worse, but the day after tomorrow will be </em><a href="http://fabquote.co/wp-content/uploads/Let-the-sun-shine-on-your-soul-1-794x1412.jpg" target="_blank" title="sunshine"><u>sunshine</u></a></p>
</li>
<li>
<div>
<p><b>If you work just for money, you'll never make it, but if you love what you're doing</b><a href="https://sial.school/wp-content/uploads/2018/12/believing-in-yourself-is-the-secret-to-success.jpg" target="_blank" title="success"><u>success</u></a> will be yours</p>
</div>
</li>
</ol>
<hr/>
</body>
</html>
1 Like