HTML ফাইল পাথ

একটি ওয়েবসাইটের ফাইল পাথ হল সেই ওয়েবসাইটের একটি ফাইলের অবস্থান। এই পথ আপেক্ষিক (বর্তমান পথের রেফারেন্সে) বা পরম (ফাইলের সম্পূর্ণ URL) হতে পারে।

সিনট্যাক্স

সিনট্যাক্স নিচে দেওয়া হল:

1) আপেক্ষিক পথ

src="ImgFolder/picture.jpg"

অথবা

src="../ImgFolder/picture.jpg"

অথবা

src="/ImgFolder/picture.jpg"

2) পরম পথ

src="https://www.tutorialspoint.com/html5/foo.mp4"

আসুন HTML DOM Video src-এর উদাহরণ দেখি সম্পত্তি-

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video src</title>
<style>
   * {
      padding: 2px;
      margin:5px;
   }
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>HTML-DOM-Video-src</legend>
<video id="wordPressIntro" width="320" controls src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"> </video><br>
<input type="button" onclick="getTrackDetails()" value="Get URL">
<input type="text" id="textSelect" placeholder="Full Name...">
<div id="divDisplay">
</div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var textSelect = document.getElementById("textSelect");
   var wordPressIntro = document.getElementById("wordPressIntro");
   function getTrackDetails() {
      if(textSelect.value === 'admin')
         divDisplay.textContent = 'Video URL: '+wordPressIntro.src;
      else
         divDisplay.textContent = 'Cannot Provide URL, Unauthorized User';
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

1) 'URL পান ক্লিক করার আগে৷ ’ বোতাম -

HTML ফাইল পাথ

2) 'URL পান' ক্লিক করার পরে৷ বোতাম---

HTML ফাইল পাথ