Home > Schedule > Linking Web Pages

 

Creating Web Lists in HTML and Linking Web Pages
Second Web Lab Exercise

Open Notepad to create a new Web page. Use Save as to give the new page a unique name, such as weblists.htm. Save the new page in your student folder. Make sure this page is in the same Web folder as the first Web page you created.

Type this:

<html>
<head>
<title>Creating Lists</title>
</head>

<body bgcolor="#FFFFFF">

<h2>Unordered Lists</h2>

<ul>
<li>First tier
<ul><li>Second tier (nested)
<ul><li>Third tier (nested)
</ul> </ul> </ul>

</body>
</html>

Save.

Test the page in the browser to make sure it works. Compare your page with this one.

When page displays correctly, add right before the closing body tag (</body>) a link to the first page you created (use the name you gave the page):

<a href="yourhomepage.html">Back to my home page.</a>

Then open the first page you created, which we're calling your home page, and add a link to your web lists page. Type this (using the name you gave the page) right before the closing body tag (</body>):

See my page on <a href="weblists.html"> creating Web lists.</a>

Test the links to see if the pages are correctly linked. If they are, you're done. Save both pages in the Web Exercises folder of your student folder. You'll be using them again.

Back to top