1 00:00:01,430 --> 00:00:07,580 And we got another Q&A video for you, and this one is going to be talking about something that you 2 00:00:07,580 --> 00:00:15,200 may have seen yourself while following along these videos, and that is the fact that this file over 3 00:00:15,200 --> 00:00:21,710 here is different than, let's say if you go to a website and you see, what does that mean? 4 00:00:22,250 --> 00:00:30,620 If you go into our example, you also saw here that we have an anchor tag that references new page dot 5 00:00:30,800 --> 00:00:37,300 HTML that has nothing like file or HTP in front of it. 6 00:00:37,670 --> 00:00:44,770 And then you also saw that the images here are referencing some sort of a Web site that links to a picture. 7 00:00:45,380 --> 00:00:46,790 So what's the difference here? 8 00:00:47,420 --> 00:00:55,640 The difference here is that the first is using the file protocol and that means that this Web page, 9 00:00:55,820 --> 00:00:59,050 I can't really access it outside of my computer. 10 00:00:59,480 --> 00:01:04,340 This is using something called a relative path. 11 00:01:04,940 --> 00:01:15,710 If I go into my indexed e-mail, I am saying to link to new page dot html relative to where indexed 12 00:01:15,920 --> 00:01:16,650 HTML is. 13 00:01:16,910 --> 00:01:23,900 So if we go to our desktop, you see that indexed e-mail lives in the same directory, which is the 14 00:01:23,900 --> 00:01:25,460 desktop as new page. 15 00:01:25,850 --> 00:01:28,460 So I can reference it through here. 16 00:01:29,240 --> 00:01:36,980 If I created a new folder, let's say test, I would have to reference it this way. 17 00:01:37,070 --> 00:01:38,420 So let's let's check here. 18 00:01:38,600 --> 00:01:44,780 If I save this and go into the Web page, refresh and click new page. 19 00:01:45,410 --> 00:01:47,690 I'll get your file was not found. 20 00:01:48,710 --> 00:01:52,250 But now if I go into my desktop and create. 21 00:01:53,770 --> 00:01:59,800 Test and I put the new page in here and let's bring back. 22 00:02:00,780 --> 00:02:07,170 Everything refresh and click on you page, this is now working, and you can see over here that I'm 23 00:02:07,170 --> 00:02:10,080 accessing it through desktop test, new page. 24 00:02:11,190 --> 00:02:13,010 So that's called the relative path. 25 00:02:13,020 --> 00:02:18,950 So relative to where indexed HTML pages, I am saying index site HTML. 26 00:02:19,290 --> 00:02:24,990 I want you to access from test new page HTML if you look at the images. 27 00:02:26,470 --> 00:02:32,470 You'll see that we have something different, we're accessing the image through HTP, which we'll get 28 00:02:32,470 --> 00:02:38,520 into later videos when we talk about servers, but this is how we access files over the Internet. 29 00:02:39,370 --> 00:02:45,790 If I wanted this anchor tag this new page to actually link to something, maybe another website, maybe 30 00:02:46,390 --> 00:02:48,130 to this hilarious gif. 31 00:02:48,310 --> 00:02:50,140 Well, I can copy this link. 32 00:02:53,000 --> 00:03:00,290 My sublime text, and now I can just copy this with the GPS protocol. 33 00:03:01,180 --> 00:03:08,470 And now this is an absolute link, no matter where I reference this, if I put it into new page, that 34 00:03:08,620 --> 00:03:12,670 HTML or index DOT e-mail, no matter what this link. 35 00:03:13,680 --> 00:03:21,600 We'll get me to this gif, so let's test that out, I say this, I refresh and I click on new page and 36 00:03:21,600 --> 00:03:22,080 look at that. 37 00:03:22,210 --> 00:03:24,330 We have the gif. 38 00:03:25,330 --> 00:03:31,660 All right, hopefully that answers your question, we'll get into a deep and dips later on in the course, 39 00:03:32,080 --> 00:03:39,170 but for now, keep that in mind that there is absolute path and then there is relative that. 40 00:03:40,400 --> 00:03:45,380 I'm going to fix that so we have it back for the next video, I'll see you on the next one. 41 00:03:45,750 --> 00:03:46,070 Bye bye.