الرسوم
الوسم الخاص بالرسوم هو <IMG> . لنفرض أنك تريد عرض صورة إسمها MyPicture.jpg ، أكتب :-
<IMG SRC="MyPicture.jpg"> |
سيكون الناتج كالآتتي :-
هذا السطر يعرض الصورة MyPicture.jpg على الشاشة ولكن يمكنك تغيير حجمها باستخدام السمة WIDTH لتغيير العرض و HEIGHT لتغيير الإرتفاع . لنفرض أنك تريد تغيير العرض إلى 100 بكسل والطول إلى 50 بكسل فاكتب السطر التالي :-
<IMG SRC="MyPicture.jpg" WIDTH="100" HEIGHT="50"> |
سيكون الناتج كالتالي :-
|
يمكنك وضع إطار حول الصورة أيضاً ، وذلك باستخدام السمة BORDER ، لوضع إطار حول الصورة بحجم 5 بكسل مثلاً. أكتب الآتي :-
<IMG SRC="MyPicture.jpg" BORDER="5"> |
سيكون الناتج كالتالي :-
|
لاحظ أنك إذا مررت الفأرة فوق الصورة فسيعرض لك إسم الصورة "الجبل الشامخ".
ماذا لو أردت أن تجعل خلفية الصفحة MyPicture.jpg؟ أكتب هذا السطر :-
<BODY BACKGROUND="MyPicture.jpg"> |
سيكون الناتج ما يلي :
روابط كثيرة في صورة واحدة
هل سبق وأن شاهدت موقع يعرض لك صورة واحدة وعند الضغط على أي جهة من الصورة تنفتح صفحة مختلفة عن الجهات الأخرى؟
إذا كانت الإجابة لا..
فإليك هذا المثال:-
لاحظ أنك عند الضغط على الأمير، فأن الصفحة ستنتقل إلى مجلة ينابيع المعرفة. وعند الضغط على السلطان، فأنه سيفتح موقع داونلود. وعند الضغط على وجه الأميرة، فإن موقع أين سيفتح. كان ذلك باستخدام وسم <MAP> وكان تخطيط الصورة كالتالي :-