Original subtitles

1

And we got another Q&A video for you and this one is going to be talking about something that you may

2

have seen yourself while following along these videos and that is the fact that this file over here

3

is different than let's say if you go to a Web site and you see 'https'- what does that mean?

4

If you go into our example you also saw here that we have an anchor tag that references a 'newpage.html'

5

that has nothing like 'file' or 'http' in front of it.

6

And then you also saw that the images here are referencing some sort of a website that links to a picture.

7

So what's the difference here? The difference here is that the first is using the file protocol and that

8

means that this web-page -

9

I can't really access it outside of my computer.

10

This is using something called a relative path.

11

If I go into my 'index.html' I am saying to link to 'newpage.html' relative to where

12

'index.html' is.

13

So if we go to our desktop you see that 'index.html'

14

lives in the same directory, which is the desktop, as 'newpage.html'.

15

So I can reference it through here. If I created a new folder or let's say, "test" I would have to reference

16

it this way.

17

So let's let's check here.

18

If I save this and go into the web-page refresh and click "New Page" I'll get "Your file was not found."

19

But now if I go into my desktop and create "test" and I put the new page in here and let's bring back

20

everything refresh and click on new page,

21

this is now working.

22

And you can see over here that I'm accessing it through "Desktop/test/newpage.html".

23

So that's called a relative path.

24

So relative to where 'index.html' page is I am saying, " 'index.html',

25

I want to access from 'test/newpage.html' ".

26

If you look at the images you'll see that we have something different.

27

We're accessing the image through http, which we'll get into into later videos when we talk about

28

servers but this is how we access files over the internet.

29

If I wanted this anchor tag, this 'New Page' to actually link to something, maybe another website, maybe

30

to this hilarious gif. Well I can copy this link, open up my Sublime Text, and now I can just copy this

31

with the https protocol.

32

And now this is an absolute link. No matter where I reference this -

33

if I put it into 'newpage.html', or 'index.html', no matter what, this link will get me to this

34

gif.

35

So let's test that out:

36

I save this, I refresh, and I click on 'New Page', and look at that.

37

We have the gif.

38

Hopefully that answers your question.

39

We'll get into http, and https later on in the course.

40

But for now keep that in mind, that there is absolute path and then there is relative path - going to fix that,

41

so we have it back for the next video.

42

I'll see on the next one.

43

Bye-bye