Web Development and Design Foundations with XHTML, 5th Edition

(Steven Felgate) #1

(^238) Chapter 6 Page Layout with CSS
and so on. As you code the content page, page1.html, you will place the elements on
the page and assign idand classvalues. You are applying the box model—the page
layout is a combination of adjacent and nested boxes. Launch Notepad and type in the
following XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




Door County Wildflowers





width="200" height="150" />



Wisconsin's Door County Peninsula is a unique,
ecologically diverse place with upland and boreal forest, bogs,
swamps, sand and rock beaches, limestone escarpments, and
farmlands. A wide array of wildflowers grow in the county because
of this variety of ecosystems.


Explore the beauty of Door County Wildflowers....







Save your page in the wildflowers folder and test it in a browser. It will not look like
Figure 6.18 since you have not yet configured all the ids and classes in the external style
sheet. Your page should look similar to the one shown in Figure 6.20.
Free download pdf