استخدام الصور

أولا: وسم عرض الصور
إن الوسم الرئيسي المستخدم لتعريف صورة ما داخل الصفحة هو IMG وهو وسم مفرد ويجب إضافة الخاصية "SRC" له لتحديد موقع واسم الصورة.

وهذه الصيغة تفترض أن الصورة موجودة في نفس الدليل الفرعي حيث يتواجد ملف HTML



حالات تواجد الصورة:
الحالة الأولى:
أن تكون الصورة موجودة في مجلد متفرع عن المجلد الموجود به ملف HTML نقوم في هذه الحالة بكتابة اسم هذا المجلد تتبعه إشارة "/" ثم اسم الصورة وامتدادها.

الحالة الثانية:
أن يكون ملف HTML موجود في مجلد ما وتكون الصورة موجودة في مجلد آخر بنفس المستوى أي أنهما مجلدين متجاورين وليسا متفرعين أحدهما عن الآخر، في هذه الحالة نكتب نقطتين (..) لتوجيه المتصفح للخروج من المجلد الفرعي الحالي حيث يتواجد ملف HTML ومن ثم الدخول إلى مجلد الصور وإحضار الصورة।

ثانياً : الخصائص التي تستخدم مع وسم الصورة

تمرين 2:
قومي بتصميم صفحة بلغةHTML تحتوي على التالي:
الفواكه
البطيخ مفيد للمصابين بالروماتيزم و مدر للبول و علاج فعال للامساك لاحتوائه على كمية كبيرة من الالياف و العصير الذي يقي من مرض التيفود.
ثمار الكرز غنية بمركبات كيميائية تعمل على خفض نسبة السكر في الدم، ويحتوي على مواد أخرى تعمل على تحسن صحة القلب وتقلل من نشوء السرطان .
المطلوب:
· اضافة عنوان للصفحة باسم "الفواكه"
· اضافة لون خلفية باستخدام خاصية
Bgcolor="color" في الوسم body
· لون الخط لكامل المستند أزرق الحجم 5.
· اضافة صورة للبطيخ على يسار النص
· اضافة صورة للكرز على يمين النص
· اضافة الخاصية Alt إلى وسم الصورة موضحة بها اسم كل فاكهة.
· اضافة حد فاصل أحمر اللون الحجم 4 بين كل فاكهة باستخدام الوسم المفرد HR
· حفظ المستند باسم fruit.html

للحصول على مجلد الصور انقر على الرابط التالي:

http://www.4shared.com/file/233645279/646ada0a/images.html

رابط الجواب:
http://www.4shared.com/file/233574060/7ea1e89a/fruit.html