Organize In Folders

The structure of your website is going to get really ugly, really fast, unless we start organizing things in folders straight away.

Right now, we have a folder named "Your Last Name", with three html files sitting inside: index, history, and lists.

The index file is going to stay in the root Last Name folder, but Cut and Paste the other two files into a NEW folder called classwork.

Now test that index file again, the links don't work anymore, do they?

To update the history link, first reference the folder, insert a forward slash, then reference the file.

< a href="classwork/history.html"> your link text goes here </a>

Now, fix the lists link.

A The types of links we have constructed here are known as "relative" links, meaning a web browser can construct the full URL based upon the current location of the HTML page and the link information in the <a href=...> tags. This is very powerful because you can build all your web pages on one computer, test them, and move them all to another computer or host -- all the relative links will stay intact.