HTML and CSS Reference
When you want to link from one page
to another, use the <a> element.
Use “..” to link to a file that's one
folder above the file you're linking
The href attribute of the <a> element
specifies the destination of the link.
“..” means “parent folder.”
Remember to separate the parts of
your path with the “/” (forward slash)
The content of the <a> element is the
label for the link. The label is what
you see on the web page. By default,
it's underlined to indicate you can
click on it.
When your path to an image is
incorrect, you'll see a broken image
on your web page.
You can use words or an image as
the label for a link.
Don't use spaces in the names you
choose for files and folders for your
When you click on a link, the browser
loads the web page that's specified
in the href attribute.
It's a good idea to organize your
website files early on in the process
of building your site, so you don't
have to change a bunch of paths
later when the website grows.
You can link to files in the same
folder, or files in other folders.
A relative path is a link that points to
other files on your website relative
to the web page you're linking from.
Just like on a map, the destination is
relative to the starting point.
There are many ways to organize a
website; how you do it is up to you.