بسم الله الرحمن الرحيم
دورة تصميم موقع مدرسة كامل من البداية الي النهاية
هذه الدورة للمبتدئين في البرمجة
حيث نتعلم كيف نقوم بعمل مشروع كامل
الدرس السادس
كود الدرس:-
1- في school اسمه index.html
2- في style واسمه style.css
بداخل ملف index.html نكتب بعد <div class="l_center">
<div class="bolck_head">المعلمين</div>
<div class="tech">
<img src="images/teccc.jpg" width="80px" height="80px" />
<h4>محمد احمد</h4>
<p>رح التربوي الرائد أخذنا بأسباب النجاح</p>
<h5>mmmmmmmm@yahoo.com</h5>
</div>
<div class="tech">
<img src="images/teccc.jpg" width="80px" height="80px" />
<h4>محمد احمد</h4>
<p>رح التربوي الرائد أخذنا بأسباب النجاح</p>
<h5>mmmmmmmm@yahoo.com</h5>
</div>
<div class="tech">
<img src="images/teccc.jpg" width="80px" height="80px" />
<h4>محمد احمد</h4>
<p>رح التربوي الرائد أخذنا بأسباب النجاح</p>
<h5>mmmmmmmm@yahoo.com</h5>
</div>
<div class="tech">
<img src="images/teccc.jpg" width="80px" height="80px" />
<h4>محمد احمد</h4>
<p>رح التربوي الرائد أخذنا بأسباب النجاح</p>
<h5>mmmmmmmm@yahoo.com</h5>
</div>
و في ملف style.css نكتب نكمل الملف
tech{ border:#0A597A 1px solid; margin-top:5px; padding:2px;}
.tech img{ float:left; margin-right:5px;}
.tech h4{ color:#ED1316; margin:2px; text-align:right;}
.tech p{ text-align:right; margin:2px; }
.tech img{ float:left; margin-right:5px;}
.tech h4{ color:#ED1316; margin:2px; text-align:right;}
.tech p{ text-align:right; margin:2px; }
إرسال تعليق