HTML File Paths (ফাইল পাথ)

বিবরণ

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

সিনট্যাক্স

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

১) Relative path (সাপেক্ষ পাথ)

src="ImgFolder/picture.jpg"

অথবা

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

অথবা

src="/ImgFolder/picture.jpg"

২) Absolute path (নিরপেক্ষ পাথ)

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>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

১) 'Get URL' বাটনে ক্লিক করার আগে:

HTML File Paths (ফাইল পাথ)

২) 'Get URL' বাটনে ক্লিক করার পর:

HTML File Paths (ফাইল পাথ)