Creating File PathsCreating File Paths

USING HTMLUSING HTML

Where do we need to go?Where do we need to go?I am working on index.html and need to

make a link to 10.htmlI am working on index.html and need to

make a link to 10.html

How do we get there?How do we get there?My first step would be to link through

the visitors folder: <a href=“visitors/”>Photo of Jimmy</a>

My first step would be to link through the visitors folder:

<a href=“visitors/”>Photo of Jimmy</a>

You are not done yet! Keep reading…

Keep Going…..Keep Going….. Now that I have linked through the Visitors

folder, I need to link through the photos folder: <a href=“visitors/photos/”>Photo of Jimmy</a>

Now that I have linked through the Visitors folder, I need to link through the photos folder:

<a href=“visitors/photos/”>Photo of Jimmy</a>

You are still not done! Keep reading…

One Last Step…..One Last Step….. Now that I have linked through the Visitors and

Photos folders, I need to link to the page: <a href=“visitors/photos/10.html”>Photo of Jimmy</a>

Now that I have linked through the Visitors and Photos folders, I need to link to the page:

<a href=“visitors/photos/10.html”>Photo of Jimmy</a>

Now you are done! Good Job!

Now, lets reverse….Now, lets reverse….I am working on the 10.html file and

need to link to index.htmlI am working on the 10.html file and

need to link to index.html

How do we get there?How do we get there?My first step would be to link out of the

Photos folder: <a href=“../”>Home Page</a>

My first step would be to link out of the Photos folder:

<a href=“../”>Home Page</a>

You are not done yet! Keep reading…

Keep Going….Keep Going….After I link out the Photos folder, I need

to link out of the Visitors folder: <a href=“../../”>Home Page</a>

After I link out the Photos folder, I need to link out of the Visitors folder:

<a href=“../../”>Home Page</a>

You are still not done! Keep reading…

One Last Step…One Last Step…After I link out the Photos and Visitors

folders, I need to link to the index.html page:

<a href=“../../index.html”>Home Page</a>

After I link out the Photos and Visitors folders, I need to link to the index.html page:

<a href=“../../index.html”>Home Page</a>

Now you are done! Great job!

In ConclusionIn Conclusion

Your link follows your files into the folders that contain them.

If you are linking back, every ../ that you use means that you are linking out of ONE folder.

Don’t forget your <a href=>, the “quotes around the link”, and your end tag </a>.

Your link follows your files into the folders that contain them.

If you are linking back, every ../ that you use means that you are linking out of ONE folder.

Don’t forget your <a href=>, the “quotes around the link”, and your end tag </a>.