Name: 
 

XHTML Tutorial 3



True/False
Indicate whether the sentence or statement is true or false.
 

 1. 

Web browsers have a default color scheme that they apply to the background and text of the pages they retrieve.
 

 2. 

In most cases, a browser’s default color scheme involves gray text on a black background.
 

 3. 

The style to define the background color is backcolor: color.
 

 4. 

The font sizes in HTML correspond to point sizes that you are familiar with if you have experience in desktop publishing.
 

 5. 

If you specify red text on a gray background for the Web page body, all elements within the page inherit that color combination unless you specify different styles for specific elements.
 

 6. 

If an interlaced graphic is large, it might take several minutes for the entire image to display, which can frustrate visitors to your Web page.
 

 7. 

The process by which you create a transparent color is independent of the graphics software you are using.
 

 8. 

It is generally good practice to use at least three different font faces within a page.
 

 9. 

Because an animated GIF is typically larger than a static GIF image, the use of animated GIFs can greatly increase the size of your Web page.
 

 10. 

The span element is just a marker; browsers do not format the content unless you also add a style to the element.
 

 11. 

The image compression algorithm of JPEG files yields image files that are usually larger than their GIF counterparts.
 

 12. 

A smaller JPEG file size always means that a page will load faster.
 

 13. 

The span element is an inline element and cannot be placed within a block-level element.
 

 14. 

Users do not need to have the Flash player installed on their computers in order to view a Flash animation.
 

 15. 

Changing an image’s dimensions within the browser changes the file size.
 

 16. 

Because of the way that browsers work with inline images, it is a good idea to specify the height and width of an image even if you are not trying to change its dimensions.
 

 17. 

When a browser encounters an inline image, it calculates the image size and then uses this information to lay out the page.
 

 18. 

When a user clicks a hotspot on a client-side image map, the coordinates where the user clicked are sent to a program running on the server.
 

 19. 

With a client-side image map, because all the processing is done locally, you can easily test your Web pages using the HTML files stored on your computer.
 

 20. 

You can only have one <area> tag within each <map> tag.
 

 21. 

The shape attribute has three possible values: “rect,” “circle,” and “square.”
 

 22. 

The coordinates (123, 45) refer to a point 123 pixels from the right edge and 45 pixels down from the top.
 

 23. 

You can use the value “nohref” in place of a URL if you do not want a hotspot to activate a hypertext link.
 

 24. 

Two points define a rectangular hotspot: the upper-right corner and the lower-left corner.
 

 25. 

To create a polygonal hotspot, you enter the coordinates for each vertex in the shape.
 

 26. 

You have to place an ampersand before the image map name with the usemap attribute in the <img> tag.
 

 27. 

Older browsers support background images for any page element.
 

 28. 

If you need to create a map element using XHTML-compliant code, you should include both the name and id attributes within the map element, setting them to the same value.
 

 29. 

You should use foreground colors that contrast well with the background.
 

Modified True/False
Indicate whether the sentence or statement is true or false.  If false, change the identified word or phrase to make the sentence or statement true.
 

 30. 

Selecting color with HTML is somewhat more intuitive than with a WYSIWYG program because HTML is a text-based language, requiring you to define your colors in textual terms. _________________________

 

 31. 

Software programs, such as your Web browser, define color mathematically. _________________________

 
 
tutorial3_files/i0340000.jpg
 

 32. 

The items marked in the figure above form an RGB triad. _________________________

 

 33. 

A decimal is a number expressed in base 16 rather than in the base 10 form we use every day. _________________________

 

 34. 

When your browser retrieves a background image file, it repeatedly inserts the image into the background, in a process called montaging, until the entire display window is filled up. _________________________

 

 35. 

One approach to retaining the consistency of Web page text is to use absolute units, which express font size relative to the size of a standard character on the output device. _________________________

 

 36. 

Relative units define a font size using one of five standard units of measurement. _________________________

 
 
tutorial3_files/i0400000.jpg
 

 37. 

The image shown in the figure above is a nonintegrated image. _________________________

 

 38. 

The effect of noninterlacing is that the image starts out as a blurry representation of the final image, and then gradually comes into focus. _________________________

 

 39. 

Different output devices have different resolutions, which are typically expressed in terms of dpi. _________________________

 

 40. 

The texttop value of the align attribute aligns the top of the object with the absolute top of the surrounding text. _________________________

 

 41. 

The safety palette is a collection of 255 colors that display consistently on different browsers and operating systems. _________________________

 

 42. 

A hotspot is a defined area of an image that acts as a hyperlink. _________________________

 

 43. 

Hotspots are defined for an image through the use of image matrixes. _________________________

 

 44. 

An image map lists all the boundaries of all hotspots within a particular image. _________________________

 

 45. 

Client-side image maps can be slow to operate, since every time a user clicks the inline image, the request is sent to the Web server for processing. _________________________

 

 46. 

An advantage of server-side image maps is that, when a user clicks a link, the information does not have to be sent over the network or dial-up connection. _________________________

 

 47. 

In a server-side image map, when a user moves the pointer over the inline image, the browser’s status bar displays the target of each hotspot. _________________________

 

 48. 

A watermark is a translucent graphic impressed into the fabric of paper. _________________________

 

Multiple Choice
Identify the letter of the choice that best completes the statement or answers the question.
 

 49. 

When you work with desktop publishing applications, you typically make color choices without much difficulty due to the ____ graphical user interface those programs employ.
a.
WYSIWYG
c.
text-based
b.
hexadecimal
d.
All of the above
 

 50. 

There are ____ basic color names supported by HTML and XHTML.
a.
6
c.
216
b.
16
d.
255
 

 51. 

Which of the following is one of the basic color names in HTML?
a.
gold
c.
lime
b.
salmon
d.
All of the above
 

 52. 

Which of the following is NOT a basic color name in HTML?
a.
silver
c.
fuchsia
b.
teal
d.
None of the above
 

 53. 

Which of the following is a basic color name in HTML?
a.
navy
c.
snow
b.
tan
d.
firebrick
 

 54. 

Which of the following is an extended color name in HTML?
a.
olive
c.
red
b.
burlywood
d.
navy
 

 55. 

Any color can be thought of as a combination of three primary colors:
a.
blue, gray, and yellow.
c.
red, green, and blue.
b.
yellow, red, and blue.
d.
red, white, and blue.
 

 56. 

By varying the intensity of each ____ color, you can create almost any color and any shade of color that you want.
a.
hexadecimal
c.
tertiary
b.
decimal
d.
primary
 

 57. 

Each color on the Web is represented by a triplet of numbers, called a(n) ____ triplet.
a.
RGB
c.
dec
b.
hex
d.
primary
 

 58. 

In the RGB system, the absence of color is assigned the number ____.
a.
0
c.
216
b.
16
d.
255
 

 59. 

In the RGB system, the intensity of colors is assigned a number from ____ to 255.
a.
0
c.
16
b.
1
d.
216
 

 60. 

The RGB system permits ____ distinct colors.
a.
16
c.
255
b.
216
d.
16.7 million
 

 61. 

White has an RGB triplet of ____.
a.
(0, 0, 0)
c.
(0, 255, 0)
b.
(255, 255, 255)
d.
(255, 0, 255)
 

 62. 

Yellow has the triplet ____.
a.
(0, 0, 0)
c.
(0, 255, 255)
b.
(255, 255, 0)
d.
(255, 0, 255)
 

 63. 

Originally, HTML required that color values be entered as ____.
a.
decimals
c.
WYSIWYG values
b.
hexadecimals
d.
RBG values
 

 64. 

In the hexadecimal system, 16 is expressed as ____.
a.
1F
c.
10
b.
F
d.
1
 

 65. 

In the hexadecimal system, 21 is expressed as ____.
a.
1F
c.
15
b.
F
d.
F1
 

 66. 

Which of the following is a specific font?
a.
serif
c.
Arial
b.
cursive
d.
fantasy
 

 67. 

A ____ font is one that is actually installed on a user’s computer.
a.
generic
c.
monospace
b.
cursive
d.
specific
 

 68. 

Browsers recognize five ____ fonts.
a.
specific
c.
generic
b.
monospace
d.
designed
 

 69. 

If you use a hexadecimal value for a color, you preface the hexadecimal string with a(n) ____.
a.
pound symbol
c.
question mark
b.
ampersand
d.
exclamation point
 

 70. 

____ fonts are best read in large blocks of text like paragraphs.
a.
Serif
c.
Monospace
b.
Sans-serif
d.
Cursive
 

 71. 

____ fonts can work well either as paragraph text or as headings and subheads.
a.
Serif
c.
Sans-serif
b.
Monospace
d.
Cursive
 

 72. 

____ units define a font size using one of five standard units of measurement.
a.
Relative
c.
Standard
b.
Absolute
d.
Uppercase
 

 73. 

____ units express font size with respect to the size of a standard character on the output device, whatever that might be.
a.
Absolute
c.
Standard
b.
Relative
d.
Output
 

 74. 

If an element contains 12pt text, a length of 2em equals _____..
a.
24pts
c.
4pts
b.
12pts
d.
2pts
 

 75. 

A(n) ____ represents a single dot on the output device.
a.
element
c.
link
b.
icon
d.
pixel
 

 76. 

The amount of space between pairs of letters is referred to as the ____.
a.
tracking
c.
kerning
b.
dithering
d.
pacing
 

 77. 

The <font> tag has been ____.
a.
deprecated
c.
devalued
b.
depreciated
d.
demarked
 

 78. 

The two image formats supported by most Web browsers are ____.
a.
GIF and BMP
c.
PNG and JPEG
b.
GIF and JPEG
d.
JPEG and BMP
 

 79. 

____ is the most commonly used image format on the Web.
a.
JPEG
c.
GIF
b.
PNG
d.
BMP
 

 80. 

GIF files are limited to displaying ____ colors.
a.
12
c.
216
b.
55
d.
256
 

 81. 

Which of the following is a use of the GIF format?
a.
clip art images
c.
logos
b.
line art
d.
All of the above
 

 82. 

The amount of space between words and phrases is called ____.
a.
kerning
c.
pacing
b.
tracking
d.
dithering
 

 83. 

____ GIFs are an effective way to compose slide shows or to simulate motion.
a.
Animated
c.
Interlaced
b.
Transparent
d.
Any of the above
 

 84. 

Animation is measured in ____ per second.
a.
bits
c.
LZWs
b.
frames
d.
GIFs
 

 85. 

Like the JPEG format, ___ supports the full 16.7 million colors of the color palette.
a.
GIF
c.
PNG
b.
BMP
d.
XBM
 

 86. 

The default unit of length for kerning and tracking is the ____.
a.
pica
c.
point
b.
pixel
d.
inch
 

 87. 

JPEG images can use ____ colors.
a.
216
c.
16.7 million
b.
256
d.
26.7 million
 

 88. 

You can control the size of a JPEG by controlling the degree of image ____ applied to the file.
a.
resolution
c.
tiling
b.
compression
d.
portability
 

 89. 

____ JPEGs can fade in from a low resolution to a high resolution.
a.
Progressive
c.
Integrated
b.
Standard
d.
Either A or B
 

 90. 

____ is the space between lines of text.
a.
Tracking
c.
Leading
b.
Kerning
d.
Dithering
 

 91. 

Extending the first line of text to the left of the text block creates a ____ indent.
a.
tracking
c.
leading
b.
kerning
d.
hanging
 

 92. 

To completely eliminate dithering, some Web designers recommend the use of the ____ palette.
a.
256 color
c.
open
b.
browser-free
d.
safety
 

 93. 

To use a single image to access multiple targets, you must set up ____ within the image.
a.
hotspots
c.
icons
b.
links
d.
alt tags
 

 94. 

Hotspots are defined through the use of ____ maps.
a.
target
c.
practice
b.
image
d.
link
 

 95. 

A(n) ____ map lists the position of all hotspots within a particular image.
a.
target
c.
image
b.
practice
d.
hot
 

 96. 

Which of the following is a type of image map?
a.
server-side
c.
target-side
b.
client-side
d.
Both A and B
 

 97. 

The ____ software program from Macromedia is another popular way to add animated graphics, animated logos, and navigation controls for a Web site.
a.
Flash
c.
Shockwave
b.
Illustrator
d.
Director
 

 98. 

The W3C is currently promoting the ____ specification, which is a graphic format written with XML that you can use to create line art composed of straight lines and curves.
a.
JPEG
c.
SVG
b.
GIF
d.
PNG
 

Completion
Complete each sentence or statement.
 

 99. 

There are 16 basic color ____________________ that are supported by HTML and XHTML.
 

 

 100. 

A color ____________________ is a numerical expression that precisely describes a color.
 

 

 101. 

Each color has its own RGB ____________________ that is based on the strength of its red, green, and blue components.
 

 

 102. 

A(n) ____________________ is a number based on base-16 mathematics rather than the base-10 form that we use everyday.
 

 

 103. 

Some monitors are capable of displaying only 256 different colors, and thus browsers on these computers are limited to a smaller ____________________, or selection, of colors.
 

 

 104. 

GIF stands for ______________________________.
 

 

 105. 

The ____________________ format of the GIF file format includes features such as interlacing, transparent colors, and animation.
 

 

 106. 

____________________ refers to the way the GIF file is saved by the graphics software.
 

 

 107. 

With a(n) ____________________ GIF, the image is saved one line at a time, starting from the top of the graphic and moving downward.
 

 

 108. 

With ____________________ GIFs, the image is saved and retrieved in stages.
 

 

 109. 

A(n) ____________________ color is a color from the image that is not displayed when the image is viewed in an application.
 

 

 110. 

Web designers can size ____________________ images in order to position objects in specific locations on the Web page.
 

 

 111. 

A(n) ____________________ GIF is composed of several images that are displayed one after the other.
 

 

 112. 

The ____________________ unit is equal to the width of the capital letter “M.”
 

 

 113. 

The ______________________________ unit is equal to the height of a lowercase letter “x.”
 

 

 114. 

JPEG stands for ______________________________.
 

 

 115. 

You can use relative units to make a page ____________________, which allows the page to be rendered the same way no matter how a user’s output device is configured.
 

 

 116. 

When a browser encounters a color not in its palette, it attempts to render the color using a process called ____________________.
 

 

 117. 

The ____________________ palette is a collection of 216 colors that display consistently on different browsers and operating systems.
 

 

Matching
 
 
Identify the letter of the choice that best matches the phrase or definition.
a.
color value
e.
palette
b.
RGB triplet
f.
GIF
c.
watermark
g.
JPEG
d.
absolute units
h.
dithering
 

 118. 

Use this image format for photographs
 

 119. 

Define a font size using one of five standard units of measurement
 

 120. 

A translucent graphic impressed into the fabric of paper
 

 121. 

The conversion of the colors in an image to a fixed palette
 

 122. 

The most commonly used image format on the Web
 

 123. 

A numerical expression that precisely describes a color
 

 124. 

A selection of colors
 

 125. 

Numbers that represent a color according to the strength of its red, green, and blue components
 

Short Answer
 

 126. 

Which is more intuitive: selecting a color with HTML or with a WYSIWYG desktop-publishing program? Why is this so?
 

 127. 

What are the two ways in which HTML identifies a color?
 

 128. 

How do you represent a number in hexadecimal terms?
 

 129. 

How is the number 255 represented in hexadecimal terms? Explain why this is so.
 

 130. 

What are the four different ways in which the length measurement of fonts can be specified?
 

 131. 

What is the style to set the font size?
 

 132. 

What is the effect of a negative kerning value?
 

 133. 

What is a watermark in relation to Web pages?
 

 134. 

What happens if no color is specified in the <body> tag?
 

 135. 

What is the style for inserting a background image?
 

 136. 

What are the two GIF file formats?
 

 137. 

When is interlacing an effective format?
 

 138. 

What is the downside of interlacing?
 

 139. 

What does the baseline value of the vertical-alignment style do?
 

 140. 

Does a smaller JPEG file size always mean that a page will load faster? Why or why not?
 

 141. 

What does the absbottom value of the align attribute do?
 

 142. 

How do you specify a different size for an image?
 

 143. 

How do you obtain the height and width of an image as measured in pixels?
 

 144. 

What is the general syntax of a hotspot element?
 

 145. 

What happens if the coordinates of your <area> tags in an image map overlap?
 



 
Check Your Work     Reset Help