ptg16476052Links to Other Documents on the Web 1016
Exercise 6.3: Creating a Link Menu ▼
Now that you’ve learned how to create lists and links, you can create a link menu. Link
menus are links on your web page that are arranged in list form or in some other short,
easy-to-read, and easy-to-understand format. Link menus are terrific for pages that are
organized in a hierarchy, for tables of contents, or for navigation among several pages.
Web pages that consist of nothing but links often organize the links in menu form.
The idea of a link menu is that you use short, descriptive terms as the links, with either
no text following the link or with a further description following the link itself. Link
menus look best in a bulleted or unordered list format, but you also can use glossary lists
or just plain paragraphs. Link menus enable your readers to scan the list of links quickly
and easily, a task that might be difficult if you bury your links in body text.
In this exercise, you’ll create a web page for a set of book reviews. This page will serve
as the index to the reviews, so the link menu you’ll create is essentially a menu of book
names.
Start with a simple page framework: a first-level headin g and some basic explanatory
text:
<!DOCTYPE html>
Really Honest Book Reviews
I read a lot of books about many different subjects. Though I'm not a
book critic, and I don't do this for a living, I enjoy a really good read
every now and then. Here's a list of books that I've read recently:
Now add the list that will become the links, without the link tags themselves. It’s always
easier to start with link text and then attach actual links afterward. For this list, you’ll use
a tag to create a bulleted list of individual books. The
- tag wouldn’t be appropriate
- The Rainbow Returns by E. Smith
- Seven Steps to Immeasurable Wealth by R. U. Needy
- The Food-Lovers Guide to Weight Loss by L. Goode ▼
because the numbers would imply that you were ranking the books in some way. Here’s
the HTML list of books, and Figure 6.8 shows the page as it currently looks with the
introduction and the list:
Input ▼