يمكنك في لغة HTML عرض الصور في الصفحات والتحكم في خواصها، قبل كل شيء يجب أن تكون الصورة جاهـزة للنشر علىالإنترنت، فيجب أن لا تكون ذا حجم ضخم لأن ذلك سيؤدي إلى بطء شديد في التحميل، ويجب الحذر جيدا عند التعامل مع الصور، لأنها تستهلك حجما كبيرا وتسبب بطءا شديدا في تحميل الصفحات، لذلك يفضل التقليل من الصور قدر الإمكان في صفحات HTML.
إدراج الصور:
يتم إدراج الصور في صفحة HTML عن طريق الوسم IMG، وهو وسم مفرد ( لا يجتاج إلى وسم إغلاق)، وهذا الوسم يحتاج إلى خاصية مهمة لكي يعمل بشكل سليم هي src والتي نضع بها عنوان الصورة المطلوبة.
<img src="images/exe.png">
|
بعد معرفة كيفية ادراج الصورة سنحتاج الى التعديل عليها من حيث الطول والعرض وامور اخرى كالاطار وشكل الصورة.......
خاصيتا الطول والعرض:
الطول : height
العرض: width
.png)
.png)
خاصية التموضع الافقي: align
bottom, baseline, absbottom: وهي تعرض الصورة بحيث تكون على السطر مثل أي كلمة أخرى
|
<img src="images/exe.png" align="bottom>
|
left : وهي تعرض الصورة على يسار الفقرة ولا يكون للصورة علاقة بالسطر.
|
<img src="images/exe.png" align="left">
|
middle, absmiddle : وهي تعرض الصورة في منتصف السطر.
|
<img src="images/exe.png"align="middle">
|
right : وهي تعرض الصورة على يمين الفقرة ولا يكون للصورة علاقة بالسطر.
|
<img src="images/exe.png" align="right">
|
top, texttop : وهي تعرض أسفل السطر فيكون السطر أعلاها.
|
<img src="images/exe.png"align="right">
|
VSPACE : لتحديد المسافة العمودية الفاصلة بين النص والحافتين العليا والسفلى للصورة.
|
<IMG SRC="image.jpg" ALIGN="RIGHT" VSPACE="20" >
|
HSPACE لتحديد المسافة الأفقية الفاصلة بين النص والحافتين اليمنى واليسرى للصورة.
|
<IMG SRC="image.jpg" ALIGN="RIGHT" HSPACE="20">
|
لاحظ التكويد:
.png)
.png)
خاصية الإطار: border
<img src="images/exe.png"></a><br>
<img src="images/exe.png" border="0"></a><br>
<img src="images/exe.png" border="4">
|
.png)
.png)
لمزيد من الخصائص والاكواد الخاصة بالصور اذهب الى الرابط التالي :
بقلم نبيل مسعي
أنا من الجزائر، احب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم، وخطرت لي فكرة عمل مدونة تضم كل المجالات التعليمية للكومبيوتر التي أستطيع إفادتكم بها، فأرجوا ان لاتبخلوا علي أيضا بمتابعتكم لمواضيعي كما ان تعليقاتكم تهمني وتزيد من عطائي لكم إخوتي الكرام وأي استفسار ان موجود وشكرا
0 التعليقات:
إرسال تعليق