More on Links, Lists, and Layout - Web Development and Design Foundations with XHTML - page 301

CHAPTER SUMMARY
This chapter explored a variety of Web development topics including XHTML relative hyperlinks, linking to
fragment identifiers, CSS pseudo-classes, navigation list layout, three-column page layout, styling for print,
styling for the mobile Web, and an overview of the “cascade” in Cascading Style Sheets.

Visit the textbook Web site at http://www.webdevfoundations.net for examples, the links listed in this chap-
ter, and updated information.

Key Terms
active pseudo-class
the “cascade”
focus pseudo-class
fragment identifier
hover pseudo-class

inheritance
link pseudo-class
list-style-type property
list-style-image property
media attribute

named fragment
pseudo-class
rules of precedence
target attribute
visited pseudo-class

Review Questions

Multiple Choice

1. Which of the following attributes define a frag-
ment identifier in a page?
a. id
b. name
c. fragment
d. bookmark

4. Which attribute below can be applied to an
anchor tag to open a link in a new browser
window?
a. window
b. target
c. rel
d. media

2. How would you link to the named fragment
#jobs on the page employ.html from the home
page of the site?
a. <a href="employ.html#jobs">
Employment Opportunities</a>
b. <a name="employ.html#jobs">
Employment Opportunities</a>
c. <a link="employ.html#jobs">
Employment Opportunities</a>
d. none of the above

5. Which of the following is the attribute used to
indicate whether the style sheet is for printing,
screen display, or for mobile devices?
a. rel
b. type
c. media
d. content

6. Which of the following is true if a Web page con-
tains both a link to an external style sheet and
embedded styles?
a. embedded styles will be applied first, then the
external styles will be applied
b. the inline styles will be used
c. external styles will be applied first, and then
the embedded styles will be applied
d. Web page will not display

3. Which of the following causes an element not to
display either in the browser window or on a
printed page?
a. display:block;
b. display: 0px;
c. display:none;
d. this cannot be done with CSS

301