HTML and CSS Reference
In-Depth Information
Start with a simple page framework: a first-level heading and some basic explanatory
text:
<!DOCTYPE html><html>
<head>
<title> Really Honest Book Reviews </title>
</head>
<body>
<h1> Really Honest Book Reviews </h1>
<p> I read a lot of topics 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 topics that I've read recently: </p>
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, use a tag
to create a bulleted list of individual topics. The <ol> tag wouldn't be appropriate
because the numbers would imply that you were ranking the topics in some way. Here's
the HTML list of topics, and Figure 6.8 shows the page as it currently looks with the
introduction and the list:
Input
<ul>
<li><i> The Rainbow Returns </i> by E. Smith </li>
<li><i> Seven Steps to Immeasurable Wealth </i> by R. U. Needy </li>
<li><i> The Food-Lovers Guide to Weight Loss </i> by L. Goode </li>
<li><i> The Silly Person's Guide to Seriousness </i> by M. Nott </li>
</ul>
</body>
</html>
.
Output
FIGURE 6.8
A list of topics.
6
Now, modify each of the list items so that they include link tags. You need to keep the
<li> tag in there because it indicates where the list items begin. Just add the <a> tags
 
Search WWH ::




Custom Search