الوسم الخاص بالرسوم هو <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">
|
سيكون الناتج كالتالي :-
تستطيع وضع إسم لهذه الصورة إذا مررت الفأرة فوقها باستخدام السمة ALT . لنفرض أنك تريد أن تسميها "الباب القديم" أكتب ما يلي :-
<IMG ALT="الباب القديم" SRC="MyPicture.jpg">
|
سيكون الناتج ما يلي :-
لاحظ أنك إذا مررت الفأرة فوق الصورة فسيعرض لك إسم الصورة "الباب القديم".
ماذا لو أردت أن تجعل خلفية الصفحة MyPicture.jpg؟ أكتب هذا السطر :-
<BODYBACKGROUND="MyPicture.jpg"> |
سيكون الناتج ما يلي :
روابط كثيرة في صورة واحدة هل سبق وأن شاهدت موقع يعرض لك صورة واحدة وعند الضغط على أي جهة من الصورة تنفتح صفحة مختلفة عن الجهات الأخرى؟إذا كانت الإجابة لا.. فإليك هذا المثال:-
لاحظ أنك عند الضغط على الأمير، فأن الصفحة ستنتقل إلى مجلة ينابيع المعرفة. وعند الضغط على السلطان، فأنه سيفتح موقع داونلود. وعند الضغط على وجه الأميرة، فإن موقع أين سيفتح. كان ذلك باستخدام وسم
الرئيسية
أحدث الصور
التسجيل
موضوع: الدرس الرابع """ الصور """ 
الثلاثاء سبتمبر 15, 2009 11:04 pm
