الصور والرسوم

  الوسم الرئيسي المستخدم لتعريف صورة ما داخل الصفحة هو <IMG > وهو مفرد وله خاصية SRC لتحديد الصورة التي نريد وضعها ، فعندما نرغب في إضافة الصورة التالية التي أسمها alnor.jpg ، فسوف تكون الشفرة كما يأتي

<img src="الصورة jpg" >

وارجو ملاحظة الأتي : سوف يوضع مكان الصورة الرابطة الخاصة بالصورة أي المكان الذي توجد عليه، وسوف تظهر بنفس الحجم .

ولإظهار الصورة بحجم ترغب فيه نستعمل الخصائص التالية مع وسم الصورة وهي width و height متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين .

<img src="الصورة jpg"height="100"width="150">

استخدام الخاصية ALIGN لتحديد محادتة الصورة مع النص المرافق لها وهي تأخد القيم التالية :

BOTTOM , TOP ,MIDDLE , LEFT , .RIGHT

أمثلة :

الشفرة الخاصية
<img src="الصورة.jpg" align="bottom" >

في الحالة العادية ( عندما لا تقوم بتحددي أي محاداة فغن النص سوف يكون بمحاداة الحافة السفلى باستخدام الخاصية BOTTOM

<img src="الصورة.jpg" align="top" >

وعند أختيار TOP فسوف تكون الكتابة عند الحافة العليا والسطر الثاني سوف تكون بداية أسفل الحافة السفلى

<img src="الصورة.jpg" middle="" >

وعند أختيار MIDDLE سوف يكون السطر الأول في منتصف الحافة والسطر الثاني أسفل الحافة

<img src="الصورة.jpg" align="left" >

وعند أختيار left وهذه الخاصية تؤدي إن تحادي الصورة أقصى اليسار مع التفاف النص الذي يليها على الجهة اليمنى ولعدة أسطر حسب أرتفاع الصورة
 

وعند أختيار الخاصية right تؤدي إلى محاداة الصورة أقصى اليمين ، مع ألتفاف النص الذي يليها على الجهة اليسرى ولعدة أسطر حسب أرتفاع الصورة

ولتحديد المسافة الفاصلة بين الصورة وبين النص الذي يجاورها نستخدم الخاصيتان التاليتان :

VSPACE : لتحديد المسافة العمودية الفاصلة بين النص والحافتين العليا والسفلى للصورة

HSPACE : لتحديد المسافة الأفقية الفاصلة بين النص والحافتين اليمنى واليسرى للصورة

مثال :

<img src ="الصورة.jpg" align ="left" vspace ="20" hspace ="20">

ولإضافة إطار حول الصورة نستخدم الخاصية border . مثال

<img border ="4" src="الصورة.jpg" align="left" >

مثال عام على ما سبق :

<html>
<head>
<title>النور الشامل </title>
</head>
<body>
<img border="5" src="ارتباط الصورة .jpg" align ="right" vspace ="20" hspace ="20">
</body>
</html>

المثال السابق يعبر عن صفحة إنترنت عنوانها النور الشامل وفيها صورة واحدة لها حد رقمه 5 والصورة تحادي اليمين والمسافة بين الصورة والنص من الأسفل والأعلى واليمين واليسار تأخد الرقم 20 .

إذا كان هذا استنتاجك فهيا بنا إلى الدرس التالي: