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="URL प्राप्त करें"> <input type="text" id="textSelect" placeholder="पूरा नाम..."> <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 = 'वीडियो URL: '+wordPressIntro.src;       else          divDisplay.textContent = 'URL प्रदान नहीं कर सकते, अनधिकृत यूज़र';    } </script> </body> </html>

आउटपुट

यह निम्न आउटपुट देगा:

1) 'URL प्राप्त करें' बटन पर क्लिक करने से पहले:

HTML फाइल पाथ्स

2) 'URL प्राप्त करें' बटन पर क्लिक करने के बाद:

HTML फाइल पाथ्स