Head First HTML with CSS

3
4
Trace a path from the source to the destination.
Let’s trace the path. To get from the “lounge.html” file to “elixir.html”, we need to go
into the “beverages” folder first, and then we’ll find “elixir.html” in that folder.
about
.
.
.
directions.html
lounge
First we need to
go down into the
“beverages” folder.
beverages
And “elixir.html” is
directly in that folder.
.
.
.
lounge.html
.
.
.
elixir.html
Create an href to represent the path we traced.
images
Now that we know the path, we need to get it into a format the browser
understands. Here’s how you write the path:
First we go into the
beverages folder.
Separate all parts of
the path with a “/”.
beverages / elixir.html
Putting it all together...
going further with hypertext
drinks.gif
Finally we have the
file name.
elixirs
green.jpg
We put the relative path into the href value. Now when the link is clicked on,
the browser will look for the “elixir.html” file in the “beverages” folder.
blue.jpg
lightblue.jpg
red.jpg
you are here 61