In the previous exercise Adding Website Images we learned how to embed images into our website. In this exercise we are going to look at how we can connect multiple website pages.
Before we begin we will need to create two additional pages. If you have forgotten how to do this please refer to Introduction to HMTL.
Now, let's create and connect the home.html page, about.html, and test.html page. If you would like to download the files and follow along you may do so here or using the link above.
Once you have created those three pages your folder will look like this:
Open up the first page which will be the home.html page and add three links inside (code below).
Once those links have been added simply copy and paste those links into the other two pages, about.html, and test.html. The only thing you need to modify is the text that reads the page name on it (ex. HOME, TEST, ABOUT).
Here is the code that will be needed to to copy and paste into each page:
<html>
<head>
<title>Make up a title here</title>
</head>
<body>
This is the HOME page:
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="test.html">Test</a>
</body>
</html>
Please remember that if you want the links on their own line you will need to use the break tags <br>.
Your results should look like this once finished: Connecting Website Pages Test
Congratulations!
Still having trouble? Download the exercise files here and follow along
SBI (Site Build It) | Build Quality Sites With Simple Tools
Godaddy | Buy a Domain Name
My Top 3 Website Hosting Companies
Host Gator | Affordable Website Hosting
Blue Host | Website Hosting
Fat Cow | Eco Friendly Hosting