بسم الله الرحمن الرحيم

اخواني الكرام السلام عليكم

في البدايه اعتذر بشده عن التقصير الواضح في الدروس والذي كانت اسبابه الامتحانات

نسال الله التوفيق للجميع

والحمدلله خلصت خلاص وعدنا لكم من جديد

وان شاء الله نكون عدنا بكل ماهو جديد [IMG]file:///E:/العائله@/boska/ملفات%20خاصه/New%20Folder%202/تعليم%20الفرونت%20بيدج%20html/HTML%20Part-3%20-%20_%20منتديات%20فريق%20زيتا_files/smile.gif[/IMG]

المهم

تعرفنا في الدرسين السابقين في لغه ال HTML

HTML PART-1

HTML PART-2

وتعرفنا فيهم على الاوسمه

وكيف يمكننا ان نستخدمها بالشكل الصحيح

وعن أماكن ترتيب الأكواد وطريقتها

وكذلك عن الوصلات والارتباطات التشعيبيه

واليوم سنتعرض لموضوع جديد وهو عن ادراج الصور الي العمل او الي الصفحه


كيف يمكن إدراج الصورة ؟؟

يمكننا اضافه الصور في لغه ال html وذلك بطريقه سهله جدا

ويجب قبل اضافه الصورة مراعاه عده نقاط اهمها

ان تكون الصورة موجوده علي الانترنت وان تكون ذات حجم صغير حتي لاتؤدي لبطء تحميل الصفحه

ويتم ادراج الصور عن طريق الوسم الخاص بها وهو

IMG

وطبعا معروف ان اي وسم لابد ان يكون داخل القوسين <>

بمعني ان يكون وسم ادراج الصورة عباره عن
<IMG>


ويتميز وسم اضافه الصور عن الاوسمه الاخري بانه لايحتاج الي وسم اغلاق

وانه كذلك لايعمل بمفرده

ولذلك يجب اضافه الخاصيه Src لكي يعمل هذا الوسم بشكل سليم

وعليه سيكون وسم اضافه الصورة كالتالي

كود:


باتمني لو تجربوها الان علي اي ملف تكست عشان تشوفوا النتيجه

جربوا رابط الصورة علي سبيل المثال

http://forum.zettat.com/images/avatars/3.gif

بمعني ان تقوم بوضع الوسم كمايلي

كود:


بهذا نكون عرفنا الحمدلله كيف نضيف الصورة في صفحتنا

وبقيت عندنا نقطة مهمة جدا

وهي

خواص تحديد عرض وارتفاع الصورة

كيف يمكننا ان نحدد ابعاد الصورة المرغوب اضافتها ؟؟

يتم تحديد ابعاد الصورة باستخدام كل من

width لتحديد العرض

و كذلك

height لتحديد الارتفاع

ويتم استخدام الكلمات السابقه بوضعها داخل الكود ووضع القيمه المناسبه لها سواء من ناحيه العرض او الارتفاع بجوارها

كالتالي

الصورة السابقه والتي قمنا بادراجها منذ قليل كانت ابعادها

العرض width = 100

وكان ارتفاعها height = 75

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

فسنقوم بوضع الكود التالي

كود:


وستظهر كما في الصورة التاليه




وفي حالة رغبتنا في تغيير الارتفاع او العرض فسنقوم بتغيير النسب الموجوده بجانب كل من

width

height

كما هو واضح

كود:


هنا تم تغيير ابعادها وارجو تجربتها لتلاحظ الفرق

لاحظ في الصورة التاليه كيف تغيرت الابعاد



وعليه يجب مراعاه نسبه العرض للارتفاع بحيث لاتظهر الصورة ممطوطه [IMG]file:///E:/العائله@/boska/ملفات%20خاصه/New%20Folder%202/تعليم%20الفرونت%20بيدج%20html/HTML%20Part-3%20-%20_%20منتديات%20فريق%20زيتا_files/smile.gif[/IMG]


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

(:

تمنياتي للجميع بالتوفيق واي استفسارات ان شاء الله موجودين
شكرا والسلام عليكم

وانتظروا الدرس القادم قريبا ان شاء الله

__________________

البحث عن مواضيع لنفس العضو

__________________

العاب بنات