الرسوم
الوسم
الخاص بالرسوم هو <IMG>
. لنفرض أنك تريد عرض صورة إسمها MyPicture.jpg ، أكتب :-
سيكون
الناتج كالآتتي :-
هذا السطر
يعرض الصورة MyPicture.jpg على الشاشة ولكن يمكنك
تغيير حجمها باستخدام السمة WIDTH لتغيير العرض و HEIGHT لتغيير الإرتفاع .
لنفرض أنك تريد تغيير العرض إلى 100
بكسل والطول إلى 50
بكسل فاكتب السطر التالي :-
سيكون الناتج كالتالي
:-
يمكنك وضع إطار حول
الصورة أيضاً ، وذلك باستخدام السمة BORDER ،
لوضع إطار حول الصورة بحجم 5 بكسل
مثلاً. أكتب الآتي :-
سيكون الناتج كالتالي
:-
تستطيع
وضع إسم لهذه الصورة إذا مررت الفأرة
فوقها باستخدام السمة ALT . لنفرض أنك تريد أن
تسميها "الباب
القديم"
أكتب ما يلي :-
سيكون الناتج ما يلي :-
لاحظ أنك إذا مررت
الفأرة فوق الصورة فسيعرض لك إسم
الصورة "الباب
القديم".
ماذا لو أردت أن تجعل
خلفية الصفحة MyPicture.jpg؟ أكتب هذا
السطر :-
سيكون الناتج ما يلي :
روابط
كثيرة في صورة واحدة
هل سبق وأن شاهدت موقع يعرض لك
صورة واحدة وعند الضغط على أي جهة من
الصورة تنفتح صفحة مختلفة عن الجهات
الأخرى؟
إذا كانت الإجابة لا..
فإليك هذا المثال:-
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لاحظ أنك عند الضغط على
الأمير، فأن الصفحة ستنتقل إلى مجلة
ينابيع المعرفة. وعند الضغط على
السلطان، فأنه سيفتح موقع داونلود.
وعند الضغط على وجه الأميرة، فإن
موقع أين سيفتح. كان ذلك باستخدام وسم
وكان تخطيط الصورة كالتالي :-
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
<hr size="6" width="80%">
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الوسم
الخاص بالرسوم هو <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"> |
سيكون الناتج ما يلي :
روابط
كثيرة في صورة واحدة
هل سبق وأن شاهدت موقع يعرض لك
صورة واحدة وعند الضغط على أي جهة من
الصورة تنفتح صفحة مختلفة عن الجهات
الأخرى؟
إذا كانت الإجابة لا..
فإليك هذا المثال:-
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لاحظ أنك عند الضغط على
الأمير، فأن الصفحة ستنتقل إلى مجلة
ينابيع المعرفة. وعند الضغط على
السلطان، فأنه سيفتح موقع داونلود.
وعند الضغط على وجه الأميرة، فإن
موقع أين سيفتح. كان ذلك باستخدام وسم
وكان تخطيط الصورة كالتالي :-
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
<hr size="6" width="80%">
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]