Please help: links/navigation

Many, many thanks in anticipation of any help.

I have built my first site. It is a site specifically to showcase my writing (I write fiction). The site has four pages, as follows:

Home
Biography
Writing
Contact details

On the ‘Writing’ page, I want to link to four different examples of my work. Please does anyone know the best way of doing this? I have tried and tried for hours but nothing is working. I’m sure there is something I am missing!

The XHTML for my ‘Writing’ page is as follows:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>The Most Basic Webpage in the World</title>
<meta http-equiv=“Content-Type”
content=“text/html; charset=utf-8”/>
<link href=“style1.css” rel=“stylesheet” type=“text/css”/>
</head>
<body>
<h1>Laura E</h1>
<h2>Writer-at-large</h2>
<div id=“navigation”>
<ul>
<li><a href=“home.html”>Home</a></li>
<li><a href=“bio.html”>Bio</a></li>
<li><a href=“writing.html”>Writing</a></li>
<li><a href=“contact.html”>Contact</a></li>
</ul>
</div>
<p><img src=“writer.gif” width=“600” height=“320”
alt=“A photo of Laura”/></p>
<h3>Writing</h3>
<p>To see some of Laura’s work, please click on the links below.</p>
<p><strong>Women’s commercial fiction:</strong></p>
<p>Three Wishes</p>
<p><strong>Children’s fiction:</strong></p>
<p>My Baby Sister is a Nuisance!</p>
<p>My Mum’s Got Two Heads!</p>
<p><strong>Radio play:</strong></p>
<p>Dancing in the Garden</p>
</body>
</html>

Hi Laura, welcome to SitePoint! :slight_smile:

What text are you trying to turn into a link?

You have 4 perfect links at the top, but further down, where you say “please click on the links below”, there are no links there.

A link like this
<li><a href=“home.html”>Home</a></li>
will work fine, as long as home.html is in the same folder as the current page. Otherwise, you need to change the file path.

If you meant that you wanted something like this to be a link:

<p>Three Wishes</p>

Then it needs to be something like this:

<p><a href=“three-wishes.html”>Three Wishes</a></p>