دورة تعلم < html> || الدرس الثالث||

[the_leader]

أكواد css لتنسيق الصور في صفحة HTML
اسهل طريقة للتحكم في ا"هياكل أو بناءات او.." الـHTML هي طريقة الـ CSS
لتنسيق الصور في الصفحة لدينا هذا الأوامر
الحجم :بالبكسل(px) أو "سطر (em) أو نسبة مئوية(%)
---------- العرض: width
----------- الارتفاع: height
الهامش: هو الفراغ بين أطراف العنصر (الصورة) وما بجانبه من عناصر
margin: 1 2 3 4
يمكننا التحكم في الهامش على كل الجوانب بهذا الكود بالكتابة في مكان الارقام
---------- 1 : الهامش العلوي (بين الطرف العلوي للصورة وما يعلوها
---------- 2 : الهامش الأيمن (بين الطرف الأيمن للصورة وما بجانبها الأيمن
---------- 1 : الهامش السفلي (بين الطرف السفلي للصورة وما تحتها
---------- 1 : الهامش الأيسر (بين الطرف الأيسر للصورة وما بجانبها الأيسر
إذن تعديل أبعاد الصورة السابقة نكتب الكود الآتي

<style>
img {
width : 500px;
height: 300px;
margin: 0 0 0 0;
}

</style>