HTML File Paths

HTML ফাইল পাথ:

একটি ওয়েবসাইট ফোল্ডারে একটি ফাইলের অবস্থান বর্ণনা করতে একটি HTML ফাইল পাথ ব্যবহার করা হয়। ফাইল পাথগুলি একটি ওয়েব ব্রাউজারের জন্য ফাইলের ঠিকানার মতো। ছবি, ফাইল, সিএসএস ফাইল, জেএস ফাইল, ভিডিও ইত্যাদির মতো ফাইল পাথের সাহায্যে আমরা আমাদের এইচটিএমএল ফাইলে যোগ করার জন্য যেকোনো বাহ্যিক সংস্থান লিঙ্ক করতে পারি।

এইচটিএমএল ফাইলের সাথে যেকোন বাহ্যিক উত্স লিঙ্ক করার জন্য src বা href অ্যাট্রিবিউটের একটি অ্যাট্রিবিউট প্রয়োজন৷

নিম্নলিখিত ফাইল পাথ নির্দিষ্ট করার জন্য বিভিন্ন ধরনের আছে:

  1. এটি নির্দিষ্ট করে যে picture.jpg বর্তমান পৃষ্ঠার মতো একই ফোল্ডারে অবস্থিত।
  2. এটা নির্দিষ্ট করে যে picture.jpg বর্তমান ফোল্ডারের ইমেজ ফোল্ডারে অবস্থিত।
  3. এটা নির্দিষ্ট করে যে picture.jpg বর্তমান ওয়েবের রুটে ইমেজ ফোল্ডারে অবস্থিত।
  4. এটি নির্দিষ্ট করে যে picture.jpg বর্তমান ফোল্ডার থেকে এক স্তর উপরে ফোল্ডারে অবস্থিত।

ফাইল পাথগুলি ওয়েবপৃষ্ঠাগুলিতে বহিরাগত ফাইলগুলিকে লিঙ্ক করতে ব্যবহার করা হয় যেমন:

  1. ওয়েব পেজ
  2. ছবি
  3. শৈলী শীট
  4. জাভাস্ক্রিপ্ট

ফাইল পাথ দুই ধরনের আছে:

  1. পরম ফাইল পাথ
  2. আপেক্ষিক ফাইল পাথ

পরম ফাইল পাথ:

সম্পূর্ণ ফাইল পাথ সম্পূর্ণ URL ঠিকানা নির্দিষ্ট করে।

উদাহরণ:

Using a Full URL File Path

  1. “https://www.javatpoint.com/images/nature-1.jpg" alt=“image" style=“width:300px">  

আপেক্ষিক ফাইল পাথ:

আপেক্ষিক ফাইল পাথ একটি ফাইলকে নির্দিষ্ট করে যা বর্তমান পৃষ্ঠার অবস্থানের সাথে সম্পর্কিত।

উদাহরণ:

বর্তমান ওয়েবের রুটে অবস্থিত ইমেজ ফোল্ডারে ফাইল পাথ কিভাবে একটি ফাইলের দিকে নির্দেশ করে তা দেখতে একটি উদাহরণ নেওয়া যাক।

আপেক্ষিক ফাইল পাথ একটি ফাইলকে নির্দিষ্ট করে যা বর্তমান পৃষ্ঠার অবস্থানের সাথে সম্পর্কিত।

উদাহরণ:

বর্তমান ওয়েবের রুটে অবস্থিত ইমেজ ফোল্ডারে ফাইল পাথ কিভাবে একটি ফাইলের দিকে নির্দেশ করে তা দেখতে একটি উদাহরণ নেওয়া যাক।

Using a Relative File Path

  1. “/images/nature-2.jpg" alt=“Mountain" style=“width:300px"
  2.   

উদাহরণ:

এইভাবে একটি ফাইল পাথ বর্তমান ফোল্ডারে অবস্থিত ইমেজ ফোল্ডারে একটি ফাইলকে নির্দেশ করে।

Using a Relative File Path

  1. “images/nature-3.jpg" alt=“Mountain" style=“width:300px">  

উদাহরণ:

যখন ইমেজ ফোল্ডারটি বর্তমান ফোল্ডারের এক স্তর উপরে ফোল্ডারে অবস্থিত।

Using a Relative File Path

  1. “../images/nature4.jpg" alt=“Mountain" style=“width:300px">  

ফাইল পাথের জন্য গুরুত্বপূর্ণ পয়েন্ট:

  • সর্বদা সঠিক URL, ফাইলের নাম, ছবির নাম ব্যবহার করতে ভুলবেন না, অন্যথায় এটি ওয়েবপেজে প্রদর্শিত হবে না।
  • আপেক্ষিক ফাইল পাথ ব্যবহার করার চেষ্টা করুন, যাতে আপনার কোড URL থেকে স্বাধীন হবে।


Leave a Reply