File Locations in HTML
| Description | Syntax | Example |
|---|---|---|
| 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">
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">
Get the file from the parent folder
Example पर current file के folder के parent folder से file को प्राप्त किया गया है |
<img src="../tree.png" width="50%" alt="tree">
Get the file from the child folder of the parent folder
Example पर current file के folder के parent folder के child folder से file को प्राप्त किया गया है |
<img src="../https://hindilearn.in/images/tree.png" width="50%" alt="tree">
Get the file from Web Address
Example पर current file को web address से प्राप्त किया गया है |
<img src="http://www.hindilearn.in/https://hindilearn.in/images/logo.png" width="50%" alt="logo">
