Chapter 2 – Creating and Editing a Web Page Using Inline Styles
MULTIPLE CHOICE
1. ____ is a basic text editor installed with Windows that you can use for simple documents or for
creating Web pages using HTML.
a.
Microsoft Word
c.
Notepad++
b.
Adobe Dreamweaver CS3
d.
Microsoft ExpressionWeb
2. The _____ is usually the first element of a Web page that you see.
a.
background
c.
title
b.
header
d.
body
3. The _____ should identify the content or purpose of a Web page.
a.
background
c.
title
b.
header
d.
body
4. The _____ of a Web page contains the information that is displayed in the browser window.
a.
background
c.
title
b.
header
d.
body
5. The title of a Web page is the name assigned to the page if a user adds the page to the browser’s list of
____.
a.
indices
c.
favorites
b.
links
d.
resources
6. A(n) _____ image is not part of the HTML file.
a.
linked
c.
indexed
b.
embedded
d.
inline
7. On the Web, _____ are the primary way to navigate between Web pages and among Web sites.
a.
indices
c.
links
b.
icons
d.
images
8. _____ links are the most commonly used hyperlinks.
a.
Server
c.
Text
b.
Proxy
d.
Protocol
9. ____ are used to set off different paragraphs of text or different sections of a page.
a.
Tags
c.
Headings
b.
Proxies
d.
Protocols
10. The _____ tags indicate the start and end of an HTML document.
a.
<head> and </head>
c.
<body> and </body>
b.
<page> and </page>
d.
<html> and </html>
11. The ____ tag can be used to declare the character encoding UTF-8.
a.
<head />
c.
<br />
b.
<meta />
d.
<html />
12. The _____ tags contain the Web page title, for example.
a.
<html> and </html>
c.
<body> and </body>
b.
<page> and </page>
d.
<head> and </head>
13. The _____ tags contain the main content of a Web page.
a.
<html> and </html>
c.
<head> and </head>
b.
<page> and </page>
d.
<body> and </body>
14. When the browser finds a(n)_____ tag in an HTML file, it starts a new line and inserts a blank line
above the new paragraph.
a.
<br/>
c.
<li>
b.
<p>
d.
<n>
15. When you first start Notepad++, the file name _____ displays on the title bar.
a.
Untitled
c.
Main
b.
new 1
d.
Default
16. Bulleted lists are also called _____ lists.
a.
intranet
c.
unordered
b.
extranet
d.
newsnet
17. Numbered lists are also called _____ lists.
a.
browser
c.
manager
b.
ordered
d.
explorer
18. The _____ tags must be at the start and end of an unordered list.
a.
<li> and </li>
c.
<ul> and </ul>
b.
<ol> and </ol>
d.
<dl> and </dl>
19. The _____ tags must be at the start and end of an ordered list.
a.
<ol> and </ol>
c.
<li> and </li>
b.
<ul> and </ul>
d.
<dl> and </dl>
20. The _____ tags are used to define a list item in an ordered or unordered list.
a.
<li> and </li>
c.
<ul> and </ul>
b.
<ol> and </ol>
d.
<dl> and </dl>
21. If a type attribute is not specified for an unordered list, the list uses the _____ bullet.
a.
square
c.
circle
b.
disc
d.
triangle
22. To change the default bullet or number type, the ____ property is entered within the <ol> or <ul> tags.
a.
list-style-type
c.
bullet-value
b.
key
d.
format
23. A(n) ____ list offsets information in a dictionary-like style.
a.
glossary
c.
unordered
b.
bulleted
d.
definition
24. The _____ tags must be at the start and end of a definition list.
a.
<li> and </li>
c.
<ul> and </ul>
b.
<ol> and </ol>
d.
<dl> and </dl>
25. A ____ tag indicates a term in a definition list.
a.
<dl>
c.
<dd>
b.
<dr>
d.
<dt>
26. HTML files must end with an extension of ____.
a.
.htm
c.
.http
b.
.html
d.
either a or b
27. The ____ capability of Windows allows more than one program to run at the same time.
a.
multitasking
c.
browsing
b.
paging
d.
referencing
28. If your computer is connected to the Internet when the browser window opens, it displays a(n) ____
page.
a.
custom
c.
start
b.
main
d.
origin
29. A(n) ____ includes at least one type of style or property to apply to the selected element.
a.
declaration
c.
property
b.
value
d.
selector
30. A(n) ____ style takes precedence over the styles defined in all other kinds of style sheets.
a.
embedded
c.
inline
b.
external
d.
internal
31. In this style <h1 style=”font-family: Garamond; font-color: navy”>, the ____ is everything between
the quotation marks.
a.
property
c.
selector
b.
declaration
d.
precedent
32. ____ images use LZW compression techniques to make them smaller for download on the Web.
a.
JPEG
c.
PNG
b.
GIF
d.
TIFF
33. The ____ format is a patent-free alternative to an existing graphical format.
a.
JPEG
c.
PNG
b.
GIF
d.
TIFF
34. The ____ format can be used with complex images, such as photographs, because the format supports
more colors and resolutions than the other file formats.
a.
JPEG
c.
PNG
b.
GIF
d.
TIFF
35. The _____ attribute is used to define the URL of an image to load with the <img> tag.
a.
src
c.
loc
b.
url
d.
load
36. An image’s ____ text should be a brief representation of the purpose of the image.
a.
alternative
c.
standard
b.
descriptive
d.
link
37. The height of a horizontal rule is measured in ____.
a.
picas
c.
points
b.
pixels
d.
bytes
38. To view the latest version of a Web page in a browser, the page must be ____.
a.
refreshed
c.
indexed
b.
linked
d.
installed
39. The HTML5 Conformance Checker used for validation on HTML5 code is ____.
a.
referential
c.
compiled
b.
linked
d.
experimental
40. ____ code is the code or instructions used to create a Web page or program.
a.
Compiled
c.
WYSIWYG
b.
Source
d.
Development
MULTIPLE RESPONSE
Modified Multiple Choice
1. Adding ____ is an example of how you can modify the format of a Web page.
a.
an image
c.
a horizontal rule
b.
color to heading
d.
XHTML compliance
2. Normal text can be ____.
a.
formatted to appear as bold
c.
formatted to appear as underlined
b.
formatted to appear as italic
d.
used in a standard paragraph
3. The most popular types of lists are ____ lists.
a.
definition
c.
bulleted
b.
numbered
d.
ordered
4. An ordered list can use ____.
a.
bullets
c.
Roman numerals
b.
Arabic numbers
d.
letters
5. ____ styles override those of external style sheets.
a.
Inline
c.
Embedded
b.
Indexed
d.
Internal
MODIFIED TRUE/FALSE
1. A(n) <tangential> tag is used to represent content that is slightly related to the rest of the page, such as
comments, biography, or background information. _________________________
2. HTML has several different levels of headings numbered 1 through 6, with <h6> being the largest.
_________________________
3. Noninterlaced GIF images load all at once, starting with a blurry look and becoming sharper as they
load. _________________________
4. GIF files often are used for more complex images, such as photographs, because the file format
supports more colors and resolutions than the other file types. _________________________
5. The alt attribute is used to provide alternative text when an image is being loaded.
_________________________
TRUE/FALSE
1. Links point only to Web pages.
2. The Unicode Transformation Format (UTF) is a compressed format that allows computers to display
and manipulate text.
3. In Notepad++, the text entered in the text area scrolls continuously to the right unless the word wrap
feature is enabled.
4. The HTML5 structural elements are semantic in that the name of the tag reflects the purpose of the tag.
5. If you are using a Heading 2 style for a specific level of text, you always should use a heading 2 style
to break up information at that level.
6. It is good practice to start with a Heading 1 style and then to use a heading 3 style as a way to add
visual interest to a page.
7. An unordered list can use one of four different bullet options: disc, square, circle, or triangle.
8. If you use the <ul> or <ol> start tags without attributes, you will get the default bullet (square) or
number style (Roman numerals).
9. Used more often than unordered and ordered lists, definition lists are useful to create a glossary-like
list of terms and definitions.
10. Almost all current operating systems allow long file names.
11. For Web servers that run an operating system that does not accept long file names, you need the .html
extension.
12. You do not need to first save an HTML file first in order to view the Web page in a browser.
13. After entering code in an HTML file, you should view the Web page in a browser to see what it looks
like up to this point.
14. In general, viewing a Web page periodically during development is good coding practice.
15. It is possible to customize browser settings to change the Web page that appears as the home page.
16. Schools and organizations often set a main page on their Web sites as the home page for browsers
installed on lab or office computers.
17. A browser allows you to open a file located on your computer and have full browsing capabilities, as if
the Web page were stored on a Web server and made available on the Web.
18. One goal in Web page development is to create a Web page that is visually appealing and maintains
the interest of the visitors.
19. HTML has extensive functionality for defining the appearance, or style, across one or more Web
pages.
20. Inline styles give you the most flexibility and are ideal to apply the same formats to all of the Web
pages in a Web site.
21. Web sites offer images that are free and are not subject to copyright; these images are considered to be
shareware.
22. Most newer browsers do not support GIF images.
23. For a Web page, the source code is the HTML code, which then is translated by a browser into a
graphical Web page.
24. You can view the HTML source code for any Web page from within your browser.
25. A printed copy of HTML code can help you immediately see the relationship between the HTML tags
and the Web page that you view in the browser.
COMPLETION
1. The _________________________ of a Web page is the text that appears on the title bar and taskbar
of the browser window when the Web page appears.
2. In a browser, the list of favorites is sometimes known as the list of _________________________.
3. The _________________________ of a Web page is a solid color, a picture or graphic against which
the other elements on the Web page appear.
4. _________________________ text is the default text format used for the main content of a Web page.
5. Normal text can be used in a series of text items called a(n) _________________________.
6. An image used in a Web page is called a(n) _________________________ image.
7. A(n) _________________________ is a special type of inline image in which you define one or more
areas as hotspots.
8. A(n) _________________________ is an area of an image that activates a function when selected.
9. Some inline images are _________________________, meaning they include motion and can change
in appearance.
10. _________________________ are lines that are displayed across a Web page to separate different
sections of the page.
11. A(n) _________________________ is text, an image, or another Web page element that you click to
instruct the browser to go to a location in a file or to request a file from a server.
12. The <!_________________________> tag is used to tell the browser which HTML or XHTML
version and type the document uses.
13. The _________________________ document type is specified when you want to prohibit the use of
deprecated tags.
14. _________________________ tags are tags that the W3C has earmarked for eventual removal from
their specifications, because they have replaced those tags with newer, more functional tags.
15. The _________________________ document type allows the use of deprecated tags.
16. The _________________________ document type is used to support frames on a Web page.
17. _________________________ causes text lines to break at the right edge of the window and appear
on a new line, so all entered text is visible in the Notepad++ window.
18. The _________________________ tag is used to add content that is tangential or a side issue to the
main Web page content.
19. A(n) _________________________ list formats information using small images called bullets.
20. A(n) _________________________ list formats information in a series using letters or numbers.
MATCHING
Identify the letter of the choice that best matches the phrase or definition.
a.
hexadecimal
f.
images
b.
word wrap
g.
declaration
c.
ordered
h.
hard copy
d.
title
i.
PNG
e.
hyperlink
j.
document type
1. A six-digit number code used to specify a color
2. When text identifies this, it is usually a different color than the rest of the Web page text and
underlined
3. Using a lot of these on your Web page is likely to distract the visitor from the page’s purpose
4. This affects the way text displays on the screen, but not the way it prints
5. Should be concise yet descriptive, and briefly explain the page’s content or purpose to the visitor
6. The part of the style statement that identifies how the element(s) should appear
7. Strict and transitional are examples, in HTML and XHTML
8. Kind of list that can use numbers, letters, or Roman numerals
9. A printed version of a file, Web page, or other document
10. Image file format that is a compressed file format and that supports multiple colors and resolutions
ESSAY
1. List ten general guidelines for creating a Web page.
2. Detail four formatting suggestions to keep in mind as you identify how to format various elements of
the text.
3. Explain why style sheets were created. Include in your response definitions of the following terms:
style, Cascading Style Sheet, inline style, embedded style sheet, and external style sheet.
CASE
Critical Thinking Questions
Case 2-1
Steve is new to image file formats, particularly for the Web, and he has a lot of questions for you about
which file to use for what, depending on what he wants to accomplish.
1. Steve has a Web image that he thought needed to be transparent but now he realizes it does not. What
format do you tell him is now available to him that was not before?
a. GIF
b. PNG
2. Steve is looking for the file format that supports the greatest number of colors for the Web page image
he wants to create. What format do you recommend to him?
a. GIF
b. PNG
Critical Thinking Questions
Case 2-2
Maeve wants to get the DOCTYPE for her new Web page just right, but she is concerned about the
implications of her choice on her code, because some of it has been built on what a colleague
previously wrote for the firm.
3. Maeve strongly suspects that there are deprecated tags in the code. Which of the following DOCTYPE
values can she use?
a. transitional
b. frameset
4. After having some trouble with the code she inherited from her colleague, Maeve has abandoned the
existing page and built her own new page. Because she is starting from scratch, she can afford to
enforce the XHTML compliance in her new page. If she is not using frames, which of the following
DOCTYPE values is the choice for her?
a. transitional
b. strict