التعامل مع المسار في HTML (الرجوع للملف الأب)

الأربعاء، 1 مارس 2017

التعامل مع المسار في HTML (الرجوع للملف الأب)

تحديد المسار من الخصائص الشائعة عند التعامل مع صفحات الويب، و أحيانا قد يصعب كتابة المسار اللازم بصورة صحيحة

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



 <html>

 <head>

  <title>
   التعامل مع المسار

  </title>

 </head> 




 <body>



  <img src="islam.jpg" />


 </body> 

</html>

- islam
و هو اسم الصورة

- jpg
الامتداد الخاص بالصورة. يمكن معرفة امتداد الصورة من خلال عرض خائصها عن طريقة الضغط بالزر الأيمن على الصورة ثم اختيار (Proprieties)

و عند عرض الصفحة

لكن إذا ما قمنا بتغيير مكان الصورة و قمنا بوضعها داخل ملف و اسميناه (images)، و قمنا بوضع صفحة الويب داخل ملف و اسميناه (html)

سوف نلاحظ عند عرض الصفحة فإن الصورة لن تظهر؛ و ذلك لأن المسار المحدد لم يعد يحتوي على الصورة بعد تغيير موقعها

و لأننا الصورة توجد داخل الملف (images) وصفحة الويب توجد داخل الملف (html). مما يعني أنه يجب علينا الرجوع للملف الأب لملف صفحة الويب ثم الوصول للملف الآخر و هو الملف (images) حتى نتمكن من الوصول للصورة.

و للرجوع للملف الأب يتم وضع العلامة (/..) في بداية المسار المخصص لتحديد مكان الصورة.

و سوف يكون الكود كالتالي: