الدرس الثامن الصور والرسومات

السلام عليكم و رحمت الله 

في هذا الدرس سوف أقوم بالحديث عن الصور والرسومات وما يتعلق بالتعامل معها، بالإضافة إلى التعريف بأنواع الملفات الرسومية الدارجة في الإنترنت. 

إن الوسم الرئيسي المستخدم لتعريف صورة ما داخل الصفحة هو

 <IMG> 

    

وهو وسم مفرد.  لكن هذا الوسم لوحده لا يكفي لجلب الصور يلزمنا عنوان الصورة لذلك من اجل إيجاد الصورة

لذالك نضيف  

 SRC=""

فيصبح الوسم هكذا 

<img src="image/image.jpeg " >

كما يمكن لنا التحكم في الطول و العرض حسب حاجتنا كما في الشكل 

HEIGHT="300" 

 WIDTH="500"

فيصبح الكود 

<IMG SRC="image/image.jpeg" HEIGHT="300" WIDTH="500">‎  

ونستخدم الخاصية 

ALIGN      

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

النص الذي يلي الصورة يقع بمحاذاة الحافة العليا لها

<IMG SRC="image.jpg" ALIGN="TOP">‎

النص الذي يلي الصورة يظهر بمحاذاة الحافة السفلى لها

<IMG SRC="image.jpg" ALIGN="BOTTOM">

السطر الأول من النص يقع بمحاذاة منتصف الصورة.

<IMG SRC="image.jpg" ALIGN="MIDDLE">‎

أقصى اليسار

 

<IMG SRC="image.jpg" ALIGN="LEFT">‎

 أقصى اليمين

<IMG SRC="image.jpg" ALIGN="RIGHT">‎