Chapter 2: Building Your First Web Page: HTML Basics
Defining Section Heads
37
The formatting information discussed so far in this chapter enables you to create attractive text. But what if you want to organize your Web page with sections or subsections? The vari ous levels of header-format tags enable you to handle just such a situation. Each header-format level has an open and close tag. The highest-level header-format tag is h1; the lowest is h6. To specify a top-level header, use <h1>First Header</h1>
Header-format tags are best illustrated in an HTML page other than not-yet.html, because that document doesn’t need headers. The following code shows the beginning of a table of contents for a movie information Web site: <html>
<head>
<title>The Cool Web Movie Database</title>
</head>
<body>
Welcome to the Cool Web Movie Database. So far we offer
information on the many brilliant films of David Lean:
soon, a lot more will be online.
<h1>Films with Sam Spiegel Productions</h1>
<h2>The Bridge on the River Kwai (1957)</h2>
<h2>Lawrence of Arabia (1962)</h2>
<h1>The Later Years</h1>
<h2>Doctor Zhivago (1965)</h2>
<h2>Ryan’s Daughter (1970)</h2>
<blockquote>
This information maintained by Dave Taylor
</blockquote>
</body>
</html>
Figure 2-13 shows how the preceding HTML appears in a Web browser. Most Web pages that you design probably won’t have quite as many headers as the example in Figure 2-13.