Creating File Paths USING HTML
Where do we need to go? <ul><li>I am working on  index.html  and need to make a link to  10.html </li></ul>
How do we get there? <ul><li>My first step would be to link through the visitors folder: </li></ul><ul><li><a href=“ visit...
Keep Going….. <ul><li>Now that I have linked through the Visitors folder, I need to link through the photos folder: </li><...
One Last Step….. <ul><li>Now that I have linked through the Visitors and Photos folders, I need to link to the page: </li>...
Now, lets reverse…. <ul><li>I am working on the  10.html  file and need to link to  index.html </li></ul>
How do we get there? <ul><li>My first step would be to link out of the Photos folder: </li></ul><ul><li><a href=“ ../ ”>Ho...
Keep Going…. <ul><li>After I link out the Photos folder, I need to link out of the Visitors folder: </li></ul><ul><li><a h...
One Last Step… <ul><li>After I link out the Photos and Visitors folders, I need to link to the index.html page: </li></ul>...
In Conclusion <ul><li>Your link follows your files into the folders that contain them. </li></ul><ul><li>If you are linkin...
Upcoming SlideShare
Loading in …5
×

Creating File Paths in HTML

10,354 views

Published on

Learning to construct file paths in HTML

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
10,354
On SlideShare
0
From Embeds
0
Number of Embeds
87
Actions
Shares
0
Downloads
43
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Creating File Paths in HTML

  1. 1. Creating File Paths USING HTML
  2. 2. Where do we need to go? <ul><li>I am working on index.html and need to make a link to 10.html </li></ul>
  3. 3. How do we get there? <ul><li>My first step would be to link through the visitors folder: </li></ul><ul><li><a href=“ visitors/ ”>Photo of Jimmy</a> </li></ul>You are not done yet! Keep reading…
  4. 4. Keep Going….. <ul><li>Now that I have linked through the Visitors folder, I need to link through the photos folder: </li></ul><ul><li><a href=“visitors/ photos/ ”>Photo of Jimmy</a> </li></ul>You are still not done! Keep reading…
  5. 5. One Last Step….. <ul><li>Now that I have linked through the Visitors and Photos folders, I need to link to the page: </li></ul><ul><li><a href=“visitors/photos/ 10.html ”>Photo of Jimmy</a> </li></ul>Now you are done! Good Job!
  6. 6. Now, lets reverse…. <ul><li>I am working on the 10.html file and need to link to index.html </li></ul>
  7. 7. How do we get there? <ul><li>My first step would be to link out of the Photos folder: </li></ul><ul><li><a href=“ ../ ”>Home Page</a> </li></ul>You are not done yet! Keep reading…
  8. 8. Keep Going…. <ul><li>After I link out the Photos folder, I need to link out of the Visitors folder: </li></ul><ul><li><a href=“../ ../ ”>Home Page</a> </li></ul>You are still not done! Keep reading…
  9. 9. One Last Step… <ul><li>After I link out the Photos and Visitors folders, I need to link to the index.html page: </li></ul><ul><li><a href=“../ ../ index.html ”>Home Page</a> </li></ul>Now you are done! Great job!
  10. 10. In Conclusion <ul><li>Your link follows your files into the folders that contain them. </li></ul><ul><li>If you are linking back, every ../ that you use means that you are linking out of ONE folder. </li></ul><ul><li>Don’t forget your <a href=>, the “quotes around the link”, and your end tag </a>. </li></ul>

×