WHAT YOU WILL LEARN IN THIS CHAPTER:
Throughout this book, you have learned everything you need to create a complete layout for a website. In this chapter, I go through this process from HTML to CSS, and show you a few new tricks.
Throughout this chapter, I show you how to build the page you see in Figure 13-1.
Many parts of this layout should be familiar to you from previous chapters, but you may notice that the page has a gradient background from dark gray to white, and the h1 element uses a non-standard font. I'll show you how this is done later in the chapter, but the first thing you will do in the following example is create the markup.
TRY IT OUT Markup Content before Adding CSS
To create the markup that the complete layout uses, follow these steps.
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> <html lang=“en”> <head> <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”> <title>Example 13-1</title> </head> <body> <div class=“header”> <h1>Recipes for Cheese</h1> <ul class=“navigation”> <li><a href=“#”>Home</a></li> <li><a href=“#”>Recipes</a></li> <li><a href=“#”>Suggestions</a></li> </ul> <p class= ...