डाउनलोड पी.डी.एफ. ई-बुक्स
HTML - HTML File Location

File Locations in HTML

DescriptionSyntaxExample
Current file वाले folder से file प्राप्त करने के लिए
file_name.ext
<a href="sample.html">
Current file के root folder से प्राप्त करने के लिए
/file_name.ext
<a href="/sample.html">
Child Folder से File को प्राप्त करने के लिए
child_folder_name/file_name.ext
<a href="document/sample.html">
Parent Folder से File को प्राप्त करने के लिए
../file_name.ext
<a href="../sample.html">
Parent Folder के Child Folder से File को प्राप्त करने के लिए
../child_folder_name/file_name.ext
<a href="../htmlfiles/sample.html">
Web Address से File को प्राप्त करने के लिए
http://www.hindilearn.in/tut/html
<a href="http://www.hindilearn.in/tut/html">

 

HTML Document पर External File को प्राप्त करने के लिए File Locations को जानना बहुत ही जरुरी है | ये server-side scripting(PHP, ASP) के लिए बहुत ही फायदेमंद है | इसे सिखने से आपको अपने website के लिए shortcut मिलेगा और आप अपनी website पर data को add और remove करने में भी कोई ज्यादा दिक्कत नहीं होगी |


Get the file from the current file's folder

Example पर image को प्राप्त किया गया है | current file और img src attribute पर दी हुई file ये एक ही folder पर होने के कारन इसके सिर्फ extension के साथ name(tree.jpg) को ही दिया गया है |

<img src="tree.png" width="50%" alt="tree">
tree


Get the file from the root folder

जब आप कोई file को root folder से प्राप्त करना चाहते हो तो file के आगे slash(/) का इस्तेमाल किया गया है |

root folder ये दिए हुए file का शुरुआती folder होता है | जब आप कोई website upload करते हो तो वो शुरुआती में ही स्थित होता है |

<img src="/tree.png" width="50%" alt="tree">
tree


Get the file from the parent folder

Example पर current file के folder के parent folder से file को प्राप्त किया गया है |

<img src="../tree.png" width="50%" alt="tree">
tree


Get the file from the child folder of the parent folder

Example पर current file के folder के parent folder के child folder से file को प्राप्त किया गया है |

<img src="../https://www.hindilearn.in/images/tree.png" width="50%" alt="tree">
tree


Get the file from Web Address

Example पर current file को web address से प्राप्त किया गया है |

<img src="http://www.hindilearn.in/https://www.hindilearn.in/images/logo.png" width="50%" alt="logo">