X

X

X

HTML ফাইল পথ


পথ বর্ণনা
<img src=”picture.jpg”> picture.jpg ফাইল এবং বর্তমান পেজটি একই ফোল্ডারে অবস্থিত।
<img src=”images/picture.jpg”> picture.jpg ফাইলটি বর্তমান ফোল্ডারের ভেতরে images ফোল্ডারে অবস্থিত।
<img src=”/images/picture.jpg”> picture.jpg ফাইলটি বর্তমান ওয়েবসাইটের রুট ফোল্ডারের ভেতরে images ফোল্ডারে অবস্থিত।
<img src=”../picture.jpg”> picture.jpg ফাইলটি বর্তমান ফোল্ডারের একটি উপরের লেভেলের ফোল্ডারে অবস্থিত।

HTML File পথ

ফাইল পথের মাধ্যমে একটি ওয়েবসাইটের ভেতরে কোনো ফাইলের অবস্থান বর্ণনা করা হয়। সাধারণত নিম্নোক্ত ক্ষেত্রে ফাইল পথের ব্যবহার করা হয়।

  • Web pages
  • Images
  • Style sheets
  • JavaScripts

Absolute File পথ

Absolute File পথ হচ্ছে একটি ফাইলের ফুল ওয়েব URL । ওয়েব URL বলতে domain + file path কে বোঝায়।

Code Example

<h2>Using a Full URL File Path</h2>
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain" style="width:300px">

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।



Relative File পথ

relative file path বর্তমান পেজের সাথে সম্পর্কিত অন্যান্য লোকেশন কে পয়েন্ট করে। লোকেশন বলতে ফাইল কিংবা ডিরেক্টরির যেকোনো পথ হতে পারে।

এই উদাহরণে ওয়েবসাইটের রুট ফোল্ডারের ভেতরে images folder এর ভেতরে একটি ফাইলকে নির্দেশ করে।

Code Example

<h2>Using a Relative File Path</h2>
<img src="/images/picture.jpg" alt="Mountain" style="width:300px">

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


এখানে ফাইল পথটি বর্তমান ফোল্ডারের ভেতরে images ফোল্ডারকে পয়েন্ট করে।

Code Example

<h2>Using a Relative File Path</h2>
<img src="images/picture.jpg" alt="Mountain" style="width:300px">

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


In this example the file path points to a file in the images folder located in the folder one level above the current folder:
এখানে ফাইল পথটি বর্তমান ফোল্ডারের একটি উপরের লেভেলের ফোল্ডারে অবস্থিত image কে পয়েন্ট করে।

Code Example

<h2>Using a Relative File Path</h2>
<img src="../images/picture.jpg" alt="Mountain" style="width:300px">

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


উত্তম অভ্যাস গড়ে তুলুন

ওয়েব পেজ তৈরি করার সময় পারলে সবসময় রিলেটিভ ফাইল পথ ব্যবহার করবেন। সেক্ষেত্রে আপনার প্রজেক্ট যেকোনো ওয়েবসাইট বা ডিরেক্টরিতে নিয়ে গেলে এটি ঠিকভাবে রান হবে।