بيت الكمبيوتر
السلام عليكم ورحمة الله , اللهم صلّ علي سيدنا محمد وعلي آله وصحبه وسلم , اللهم انا نسألك علماً نافعاً ونعوذ بك من علم بلا عمل , أما بعد ...
قد درسنا في الدرس السابق مقدمة بسيطة في إستخدام لغة HTML لعرض الصور والروابط , في هذا الدرس الجميل سوف نتحدث عن كيفية إستخدام لغة HTML لعرض الصور بالتفصيل إن شاء الله نبدأ علي بركة الله .
-->
درسنا في الدرس السابق أن وسم الصور هو فردي وليس زوجي أي يكتب بهذه الطريقة
<img />هكذا يكون الوسم الفردي ولو أخذناه الآن بنفس الطريقة لن يعرض لنا أي شئ , فيجب علينا أن نضع بداخلة خضائص وهي كالآتي
<html> <head> <title>هنا نكتب العنوان <title> </head> <body> <img src="pro.png" alt="صورة مبرمج عربي" title="المبرمجين العرب" width="400" height="500" /> </body> </html>بسم الله الرحمن الرحيم .. كما لاحظتم بدأنا ملف HTML بالأكواد المعروفة التي درسناها في دروس سابقة , والآن أشرح لك كيف تضع صورة في موقعك وتقوم بالتعديل علي الخصائص , وقد شرحت لك في بداية الدرس وسم أو عنصر الصور كيف يكتب وبعدها أضفنا عدة خصائص لهذا العنصر أو الوسم دعونا نفهمها الآن .
src="por.png" وهو للدلالة علي مكان الصورة في الحاسوب أو في ملف العمل ويمكنك وضع رابط من الانترنت وستظهر الصورة في حال اتصالك بالانترنت فقط إذا كنت استدعيت الصورة من الإنترنت . أما إذا كنت استدعيت الصورة من الجهاز فلا مشكلة ستظهر بالتأكيد و بي ان جي هو امتداد الصورةالوسم التالي
alt="صور مبرمج عربي"هذه الخاصية تقوم بطباعة الكلام المكتوب بداخلها إذا حدثت مشكلة في الصورة أو لم توضع صورة من الأساس
الوسم التالي
title="المبرمجين العرب"هذه الخاصية تقوم بإظهار الكلام المكتوب بداخلها عند الوقوف بالماوس عليها . وهي مهمه جداً في SEO , يعني يقوم المبرمج بوضعها في وسم الصور للدلاله علي ما في الصورة ولزيادة ترتيبه في محرك البحث , وهي أيضاً مهمة بالنسبة للمظهر بنسبة قليلة ويستخدمها أغلبية المبرمجين وربما كل المبرمجين
الوسم التالي
width="400" height="500"أولاًُ : الخاصية Width وهي المسؤولة عن عرض الصورة .
ثانياً : الخاصية height وهي المسؤولة عن ارتفاع الصورة .
ملاحظة : عدم وضع الخاصيتان يحعل الصورة تظهر بالارتفاع والعرض التي هي عليه . بهذا يكون انتهي الدرس اللذيذ .
صلي الله وسلم علي سيدنا محمد وعلي آله وصحبه أجمعين :) . دمتم في رعاية الله
ليست هناك تعليقات:
إرسال تعليق