✅ HTML File Paths Tutorials | Master Relative File Paths and Absolute File Paths

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2025

ความคิดเห็น • 147

  • @consig1iere294
    @consig1iere294 3 ปีที่แล้ว +39

    This is probably the only video that explains this topic. Every other video just dances around the topic but never touches it.

  • @ashimghoshfm
    @ashimghoshfm 2 ปีที่แล้ว +15

    Nobody taught as well as you this content. Your technic to understand the full meaning of how path exactly works, is now fully clear to me. Thanks a Ton, Dear Sir.

  • @jefsonnelson202
    @jefsonnelson202 ปีที่แล้ว +3

    Hey man still here in 2023 this video is the best content out there on TH-cam getting the job done of clarifying the practical run down of how this works from a practical standpoint. Great teaching technique and attention to detail, with amazing simplicity for the mind of a beginner or someone who is having a hard time letting this concept sink in.

  • @ali-pc7nv
    @ali-pc7nv 11 หลายเดือนก่อน +3

    Not just best explanation of this subject, but!!! It is best one on the world ever exist!!!! Brilliant lesson

  • @jefsonnelson202
    @jefsonnelson202 ปีที่แล้ว +1

    Thanks!

    • @kootkot
      @kootkot  ปีที่แล้ว

      Thank you so much 😊 and you really made my day 👍💪☺️

  • @lahirujeewantha5208
    @lahirujeewantha5208 8 หลายเดือนก่อน +2

    This is a 1 million dollar vedio.. One of th most worth vedio I have ever seen.. You are just explaining A-Z in file paths.. It is very useful to begineers like us who doesn't have any sort of knowledge ragarding file paths.. Thank you 1 million times.. You are a genius in this vedio.. Wooh! Bcz actually this is a golden point in HTML. Anyone who doesn't have a clear understanding on this become trapped in HTML he can't move any further in html.

    • @kootkot
      @kootkot  8 หลายเดือนก่อน

      Thank you 🙏🙏🙏🙏🙏 much and have a wonderful week ☺️

  • @BrightEyes24
    @BrightEyes24 3 ปีที่แล้ว +9

    This is extremely helpful and the first time I’ve understood absolute and relative paths. Thank you.

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      You are very welcome and I am really happy that it was helpful 😊 Happy learning 👏

  • @krixh5253
    @krixh5253 2 ปีที่แล้ว +2

    this person is smart he helped me finish my hw

  • @spiritech7162
    @spiritech7162 2 ปีที่แล้ว +3

    hard to find such basic concept clearing tutorials, thanks a lot a big help for beginners.

  • @mawuenajoy9313
    @mawuenajoy9313 ปีที่แล้ว +1

    Thanks🙏🙏 spent two days tryna understand this. You gained a subscriber ♥️♥️

  • @FINDROBLOX
    @FINDROBLOX 7 หลายเดือนก่อน +1

    thank you so much man best way to explain it i moved my files around in folders to be more organized but did not know how to access them correctly but now i do so thank you

  • @derekf1283
    @derekf1283 2 หลายเดือนก่อน

    This video really helps explain this concept. It seemed so unclear but this has helped.

  • @arunhazra484
    @arunhazra484 ปีที่แล้ว +5

    Thank you so so much. before this video I was struggling with this problem a lot. I used to copy all the files and paste in the sub directory to do the task. But you taught me an efficient way of doing it. Thanks again❤. Keep creating such amazing contents.👍🏻

  • @brainrot34
    @brainrot34 2 ปีที่แล้ว +1

    I wanted to get a deeper understanding of relative paths, and this definitely helped with that! Thank you for sharing your knowledge :)

  • @seifhamlaoui6529
    @seifhamlaoui6529 3 ปีที่แล้ว +1

    you are the best! , your explanation is very clear and different from many others on youtube

  • @adim101-b9l
    @adim101-b9l 3 หลายเดือนก่อน

    thanks for the video, best video on this topic without wasting time and even explained with good example and explanation

  • @365saifullara
    @365saifullara ปีที่แล้ว +1

    very well explained and you provided unique information about file paths and the video editing is absolutely brilliant

  • @asfandyar_ali
    @asfandyar_ali 2 ปีที่แล้ว +2

    This was a life saver. Thank you so much. Appreciated.

  • @alshere19
    @alshere19 2 ปีที่แล้ว +1

    The most helpful among all!!!!

  • @aadya8181
    @aadya8181 ปีที่แล้ว +1

    Definitely the best explanation.

  • @alexpaulin5158
    @alexpaulin5158 3 ปีที่แล้ว +1

    this was exactly what i was looking for. thanks for this video. ill leave an abbo

  • @nusratarif6519
    @nusratarif6519 2 ปีที่แล้ว +1

    very very very very very very very very very very helpful! thankyou

  • @samarpreetsingh5318
    @samarpreetsingh5318 10 หลายเดือนก่อน +1

    Fantastic explanation!

  • @SaumyaSharma007
    @SaumyaSharma007 2 ปีที่แล้ว +2

    Awesome Content 🙂💯👍
    Long live Sir....
    Love from India 🇮🇳💪

  • @Patrick-rp8gi
    @Patrick-rp8gi 3 ปีที่แล้ว +1

    The best of all!

  • @ethanwong8809
    @ethanwong8809 11 หลายเดือนก่อน +1

    Best till now.

  • @AfnanHudli
    @AfnanHudli ปีที่แล้ว +1

    Nice being Developer everyone should know this .....

  • @deepak_su
    @deepak_su 9 หลายเดือนก่อน +1

    Very well explained kootkot👏🏻

  • @gengengene
    @gengengene ปีที่แล้ว +1

    Thank you so much! You really help me.👌

  • @SachinSharma-st4hk
    @SachinSharma-st4hk 2 ปีที่แล้ว +1

    Thanks for the wonderful explanation.

  • @emotionsmusic9506
    @emotionsmusic9506 2 ปีที่แล้ว

    thanks you ...thanks you ...thanks you... you save my life ..

  • @kumar7163
    @kumar7163 ปีที่แล้ว +1

    Thanks for explaining clearly

  • @cade9491
    @cade9491 2 ปีที่แล้ว +1

    Thank You so much, i hope you find what you are looking for just as i did from your video

  • @ediagbonyaaiyudubie1097
    @ediagbonyaaiyudubie1097 2 ปีที่แล้ว +1

    thanks for the video, it was very helpful!

  • @jamalmustafa1193
    @jamalmustafa1193 2 ปีที่แล้ว +1

    Man you are a life savor

  • @itsayesha4440
    @itsayesha4440 4 หลายเดือนก่อน

    Thank you so much your video had solved my issues in th react project

  • @amodhashachiko4955
    @amodhashachiko4955 2 ปีที่แล้ว +1

    Thank you very much. It is very clear and helpful.

  • @malcolmpiassa1126
    @malcolmpiassa1126 ปีที่แล้ว +1

    Thank you so much!

  • @hamdan1955
    @hamdan1955 3 ปีที่แล้ว +1

    Suwun cak,video ne bermanfaat

  • @mdnurullah9882
    @mdnurullah9882 3 ปีที่แล้ว +1

    wow very nice. important video subject and very nice standard voice. not speedy talk. thank you bro subscribed done. from bangladesh

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      Hello Hasan, thank you so much for the positive feedback and subscription, and I am really glad and appreciate that! Good luck and happy learning!😊

  • @christianbaidoo1016
    @christianbaidoo1016 2 ปีที่แล้ว +1

    Thanks, helped me understand this

  • @apuPankaj
    @apuPankaj ปีที่แล้ว +1

    thanks for this super informative video sir.

  • @henok.l4202
    @henok.l4202 3 หลายเดือนก่อน

    excellent explanation man thanks

  • @earthlygamer7142
    @earthlygamer7142 2 ปีที่แล้ว +1

    Thank you so much this was extremely useful vedio you have cleared the concept of links

  • @JbbComputerEducation
    @JbbComputerEducation 2 ปีที่แล้ว +1

    Nice tutorial, Thank a lot for this video
    Love from India

  • @bhaktibhosale3427
    @bhaktibhosale3427 ปีที่แล้ว +1

    Thank you so much sir
    Very helpful video💫👍

  • @maitreyamoharil4299
    @maitreyamoharil4299 ปีที่แล้ว +1

    Explained very well sir...Good practical examples !😇

  • @SadiqKhan-rf4oy
    @SadiqKhan-rf4oy 3 ปีที่แล้ว +1

    Thank you so much sir.
    Very Helpful!

  • @anurajms
    @anurajms 3 ปีที่แล้ว +1

    great explanation. thank you

  • @OfoeNelson
    @OfoeNelson 2 ปีที่แล้ว +4

    I think you should add that everything is relative to the html file in 'I am' folder :) It's second nature to you so you missed it and also one dot '.' means from current folder you go down in folders and two dots '..' means one level up because it's a bit confusing when you start by saying one dot means from current folder so it kind of establish the notion that one dot represents a folder which is not the case.

    • @phaneendrakumar658
      @phaneendrakumar658 ปีที่แล้ว

      could u say how everything is relative to ' i am ' folder. .

  • @bencielcabutin6815
    @bencielcabutin6815 3 ปีที่แล้ว +1

    Great video! You have a passion in teaching. Thank you sir :) Subscribed!

  • @simantasaha8974
    @simantasaha8974 ปีที่แล้ว +1

    Good content.

  • @mirzashahnawaz2984
    @mirzashahnawaz2984 10 หลายเดือนก่อน +1

    Thank You Sir. God Bless

  • @theblackone2017
    @theblackone2017 18 วันที่ผ่านมา

    well explained. Thanks, Sir!

  • @joydevmaity1194
    @joydevmaity1194 3 ปีที่แล้ว +1

    Really helpful.
    Thank you very much......

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      You are very welcome and happy learning 👍

  • @TN-kg2lv
    @TN-kg2lv 11 หลายเดือนก่อน +1

    beautiful explanation

  • @ashapatel7306
    @ashapatel7306 ปีที่แล้ว +1

    Thank you thank you thank you so much....

  • @jhonbhai8943
    @jhonbhai8943 2 ปีที่แล้ว +1

    Thanks for your help ☺️

  • @baskarj9419
    @baskarj9419 3 ปีที่แล้ว +1

    Thank you sir, i understand very well.
    Great explanation.

  • @markelofid3529
    @markelofid3529 3 ปีที่แล้ว +1

    Thanks, very helpful

  • @mahdiashrafmahir1534
    @mahdiashrafmahir1534 8 วันที่ผ่านมา

    Thanks a lot!

  • @julienv2164
    @julienv2164 3 ปีที่แล้ว +1

    thank you sir because of you i have solved a big problem

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      You are very welcome and I am very glad that it was helpful ☺️

  • @Yuniac
    @Yuniac 3 ปีที่แล้ว +1

    Really nice and helpful video thank you

  • @abrahamdunn61
    @abrahamdunn61 ปีที่แล้ว +1

    Awesome

  • @marvelousdele8949
    @marvelousdele8949 ปีที่แล้ว +1

    nice. welldone

  • @hajimelody5382
    @hajimelody5382 4 หลายเดือนก่อน

    u saved my life

  • @sadhanapatel1462
    @sadhanapatel1462 8 วันที่ผ่านมา

    Thank you so much❤

  • @PlayRiteProductions
    @PlayRiteProductions 3 ปีที่แล้ว +1

    Great video!

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      I am really Glad you enjoyed it👍

  • @darshilvshah
    @darshilvshah 3 ปีที่แล้ว

    Too good !! Hit the nail !!

  • @ondrejjelinek4445
    @ondrejjelinek4445 3 ปีที่แล้ว +1

    Thank youuuuuu! Very cleverly made and well explained (Y)

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      You are very welcome 🤗 And happy learning ☺️

  • @danieljsadananda2163
    @danieljsadananda2163 10 หลายเดือนก่อน +1

    Fantastic

  • @shayaniwijethunga783
    @shayaniwijethunga783 3 ปีที่แล้ว +1

    Thank you so much for explaining everything so clearly. Extremely helpful video ❤❤❤❤❤❤

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      You are very welcome 🙏 and happy learning ✅

  • @jurisamk
    @jurisamk 3 ปีที่แล้ว +1

    thanks, nice and clear

    • @kootkot
      @kootkot  3 ปีที่แล้ว +1

      You are very welcome and I am very glad that you liked it!😊

  • @mehrdad1068
    @mehrdad1068 2 ปีที่แล้ว +1

    Very understandable،Like a mother's song🙏🌳💚

  • @MansiSaxenaOnly
    @MansiSaxenaOnly 2 ปีที่แล้ว +1

    Thanks u for this video sir really needed this one 😊

    • @kootkot
      @kootkot  2 ปีที่แล้ว

      You are very welcome 🤗 and happy learning!

  • @刘佳頔
    @刘佳頔 2 ปีที่แล้ว

    Thanks you a lot.!!!It does me a geat favour!!!

  • @tolvajakos
    @tolvajakos 2 ปีที่แล้ว +1

    this is great explanation and presentation. one tip to further improve: move your cursor out of the way, it always stays exactly where the most important thing is to be seen, blocking view. i know, you can guess it, but it does not help when somebody is trying to understand the very thing your are explaining.

    • @kootkot
      @kootkot  2 ปีที่แล้ว +1

      Hello Ákos 👋 thank you so much for your feedback and useful tips 🙏👍👌
      And happy learning 💪

  • @aryanyadav4757
    @aryanyadav4757 5 หลายเดือนก่อน

    Thankyou brother !

  • @oqant0424
    @oqant0424 3 ปีที่แล้ว +1

    great explanation

  • @cutieboyize
    @cutieboyize 2 ปีที่แล้ว +1

    Thank you sir

  • @dee_rius
    @dee_rius 6 หลายเดือนก่อน

    Thank you so much

  • @ravidvann6456
    @ravidvann6456 2 ปีที่แล้ว +1

    Nice video

  • @spoiler3537
    @spoiler3537 3 ปีที่แล้ว +1

    Great 🤩

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      Thank you! Cheers!😊

  • @ahlemmeziane3181
    @ahlemmeziane3181 ปีที่แล้ว +1

    thanks🤩

  • @burgasHoH
    @burgasHoH 4 ปีที่แล้ว

    Again great video !

    • @kootkot
      @kootkot  4 ปีที่แล้ว

      Million thanks 🙏 and really happy that it was helpful 😊

  • @adesportgist1179
    @adesportgist1179 ปีที่แล้ว +1

    Nice

  • @jacoprz8899
    @jacoprz8899 9 หลายเดือนก่อน +1

    If the image is outside the "file_path example" folder, can I use anything to make the image appear in the browser?

    • @kootkot
      @kootkot  9 หลายเดือนก่อน

      Hello @jacoprz8899, this depends, for example if you are on your local machine or local pc, you have an index html file inside file_path_example folder, and you have one image just outside your file_path_example folder, the path from your index html file to image file looks like this: ../image.png, two dots mean go out from your file_path_example. Here is the whole file structure:
      Some folder
      -image.png
      -file_path_example folder
      -index.html
      But when you are not on your local machine, your project, in this case file-path-example folder is already on your remote server, relative path to files start from the project folder as the base path so if we write the path like we did in the local machine it is not going to work, so we should only use absolute path to the image, that is why we should always keep our image inside project folder if we want to use relative path ☺️
      I hope this clarifies your question, if not please feel free to let me know and am happy to discuss more ☺️
      Have a great weekend and good luck 🍀

  • @zacktz-w6n
    @zacktz-w6n ปีที่แล้ว +1

    THANKS

  • @lionorlopez8802
    @lionorlopez8802 5 หลายเดือนก่อน

    thank you

  • @aniketjain2512
    @aniketjain2512 3 ปีที่แล้ว +1

    @kootkot Sir,,,
    my html file folder on desktop and my vdo folder in Download folder... and i'm given proper file link ... bt my vdo is not working ...

    • @aniketjain2512
      @aniketjain2512 3 ปีที่แล้ว +1

      and same problem with img

    • @kootkot
      @kootkot  3 ปีที่แล้ว +1

      Hello Aniket Vitalkar, good question! Here I created step by step instructions, both in written format as comments in the index.html file and also in the video format, it is the Instructions.mp4 file.
      Download the example folder from this link:
      github.com/AihaitiAbudureheman/html-file-path-example
      I hope this would help, and please feel free to let me know if you need any further help with this issue!
      Note:
      One more thing I want to mention is that normally it is a good idea to put all of your media files such as images, videos, etc, to the folder where your HTML file is located, so that you can easily link them just with a relative file path.

  • @themujahed
    @themujahed 4 ปีที่แล้ว

    Amazing video ❤️❤️

    • @kootkot
      @kootkot  4 ปีที่แล้ว +1

      Thank you so much and I am really glad that it was helpful 😊

  • @VarunSharma-xd8xd
    @VarunSharma-xd8xd 7 หลายเดือนก่อน

    awesome

  • @MoneyMakingA.I
    @MoneyMakingA.I 4 หลายเดือนก่อน

    thankyousomuch

  • @lathifashaik5521
    @lathifashaik5521 2 ปีที่แล้ว +1

    Hello sir great video very helpful but if the images are in other directory it's(../)is not working please help me out

    • @kootkot
      @kootkot  2 ปีที่แล้ว

      Hello Lathifa, could you please share your relative HTML codes and your folder structure, so that I can check and find out what is going on!

    • @lathifashaik5521
      @lathifashaik5521 2 ปีที่แล้ว

      @@kootkot can you provide your mail? Or any other alternatives

  • @raselrahmanrocky
    @raselrahmanrocky 3 ปีที่แล้ว +1

    helpfully

  • @pallapusatishkumar9268
    @pallapusatishkumar9268 2 ปีที่แล้ว +1

    What if the images on brothers of evry level?

    • @kootkot
      @kootkot  2 ปีที่แล้ว

      Hi 👋 very good question, currently am outside traveling, will be back home within few days, I will create an example for you about brothers when I back home 🏡 Happy learning ☺️

  • @rm9994
    @rm9994 3 ปีที่แล้ว +1

    Thanks. But how do we know what the current folder is?

    • @kootkot
      @kootkot  3 ปีที่แล้ว

      You are very welcome 😊
      And the current folder is the parent folder of the file you currently working on!
      For example, if you are on the index.html file and you want to specify file path in this file, the current folder is the parent folder of this index.html file!
      And if you are on style.css file, and you want to specify file path to this style.css, in this case, again the parent folder of this style.css file is the current folder!
      I hope this might help you clarify what current folder is, if not just let me know I will send you some examples with explanations!
      Have a great day and have fun with coding 😊

    • @rm9994
      @rm9994 3 ปีที่แล้ว

      @@kootkot thanks. Yes can you send some examples please!

    • @kootkot
      @kootkot  3 ปีที่แล้ว +1

      Hello, here I created one simple project folder, the project folder name is current-folder-example.
      Please download it and open all the files one by one, in every file you can see a line of comment saying which is the current folder when you are on that file!
      Go to this link and click the green code button with download icon: github.com/AihaitiAbudureheman/current-folder-example/tree/main
      Good luck with your learning and please feel free to ask if you have any questions!😊

  • @TomThumb-p9w
    @TomThumb-p9w 6 หลายเดือนก่อน +1

    Hello, the video talks about using a relative path, maybe you can help. This code in html did NOT work in android (works in windows). Trying to do 2 things.
    1. SIMPLY linking 2 html pages together is not working (both files in same folder). (page2)
    2. Linking a pic did not work (in a subfolder). ()
    Can this be made for any android tablet/phone, any year, any brower? (Do I use a shared space?)
    Do you have an email? (Cant find anyone that knows how to link 2 html pages in android??!!!) Thanks.

  • @RaffaelloLorenzusSayde
    @RaffaelloLorenzusSayde ปีที่แล้ว

    Why do all my file paths have (Archive Root Directory) written on them?

  • @gowthamrishvan3961
    @gowthamrishvan3961 3 ปีที่แล้ว

    Bro index.html file should be present inside your grandparents folder right but u have saved it inside child folder why???? And also clear me whether it can be saved in any folder if we want

    • @kootkot
      @kootkot  3 ปีที่แล้ว +1

      Hello Growtham Rishvan, really sorry about this late response!
      Regarding your question, yes you are right, generally, when we have an HTML project, we put the index.html file inside the root folder, or sometimes it is called a project folder.
      And there are also some cases that we can put the index.html file inside the folder in the project folder or root folder.
      But while I created this tutorial, I specifically placed the index.html file inside the folder, just for demonstration purposes. So, I am really sorry if that confused you!
      Thank you so much for your feedback and happy learning!😊