Deck 8: Graphics and Color
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/50
Play
Full screen (f)
Deck 8: Graphics and Color
1
An SVG graphic can be reused at different sizes throughout a web site without downloading multiple files to the user.
True
2
Which image format can be described as a vector graphics file format?
A) PNG
B) JPG
C) GIF
D) SVG
A) PNG
B) JPG
C) GIF
D) SVG
D
3
Which graphics display method represents images as geometrical formulas?
A) pixel
B) raster
C) vector
D) geometrical
A) pixel
B) raster
C) vector
D) geometrical
C
4
Animated GIFs require a special plug-in for viewing.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
5
Which image format lets you store multiple images and timing information about the images in a single file?
A) SVG
B) JPG
C) GIF
D) PNG
A) SVG
B) JPG
C) GIF
D) PNG
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
6
Which image format has built-in text capabilities for image indexing, allowing you to store a string of identifying text within the file itself?
A) GIF
B) JPG
C) PNG
D) SVG
A) GIF
B) JPG
C) PNG
D) SVG
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
7
The only attribute required by the < img > element for the image to be displayed by browsers is the src attribute.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
8
SVG is an image file format that you can currently use on the web.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
9
Which image format is best for photographs or continuous-tone images?
A) GIF
B) JPG
C) SVG
D) PNG
A) GIF
B) JPG
C) SVG
D) PNG
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
10
Which of the following is NOT a reason to specify the image width and height for a web page image?
A) the image is downloaded faster
B) so the browser can reserve space
C) to preserve the look of the layout
D) the text on the page will load faster
A) the image is downloaded faster
B) so the browser can reserve space
C) to preserve the look of the layout
D) the text on the page will load faster
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
11
The advantage of using an interlaced format is that the entire full-quality image appears all at once.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
12
The J P G format is unique in that no color information is discarded when the image is compressed.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
13
Which attribute of the < img > tag specifies the URL of the graphic file you want to display?
A) height
B) src
C) title
D) alt
A) height
B) src
C) title
D) alt
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
14
The < title > attribute provides a description of the image if it cannot be viewed by the user because of physical or technical limitations.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
15
The < figure > element is used to contain JavaScript animations and interactions.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
16
When using the < figure > element to display an image, which of the following is true?
A) the < img > element is not needed
B) the < img > element is inside the < figure > element
C) the < figure > element is needed for the alt attribute
D) the < figure > element is needed for an image title
A) the < img > element is not needed
B) the < img > element is inside the < figure > element
C) the < figure > element is needed for the alt attribute
D) the < figure > element is needed for an image title
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
17
If a browser does not know the width and height values of an image, it must download the image before displaying the rest of the page.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
18
PNG's lossless format results in compressed 8-bit images that are only slightly larger in file size than GIF.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
19
Which graphics format does NOT allow you to save images in an interlaced or progressive format?
A) GIF
B) SVG
C) JPG
D) PNG
A) GIF
B) SVG
C) JPG
D) PNG
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
20
What is the color depth of a GIF image?
A) 4 bytes
B) 8 bits
C) 16 bytes
D) 32 bits
A) 4 bytes
B) 8 bits
C) 16 bytes
D) 32 bits
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
21
What are the three primary colors on the color wheel?
A) red, yellow, and blue
B) yellow, green, and blue
C) red, green, and yellow
D) red, green, and blue
A) red, yellow, and blue
B) yellow, green, and blue
C) red, green, and yellow
D) red, green, and blue
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
22
Which property lets you control the tiling of background images across the document or element background.
A) background-position
B) background-repeat
C) background-image
D) background-tile
A) background-position
B) background-repeat
C) background-image
D) background-tile
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
23
GIF uses a(n) ____________________ compression technique, meaning that no color information is discarded when the image is compressed.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
24
What did Newton use to separate white light into its component colors?
A) mirror
B) telescope
C) prism
D) pyramid
A) mirror
B) telescope
C) prism
D) pyramid
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
25
Which of the following specifies the same color as p {color: rgb (50%, 0%, 100%) ?
A) p {color: rgb (50, 0, 100)
B) p {color: rgb (128, 0, 255)
C) p {color: rgb (100, 0, 256)
D) p {color: rgb (25, 0, 50)
A) p {color: rgb (50, 0, 100)
B) p {color: rgb (128, 0, 255)
C) p {color: rgb (100, 0, 256)
D) p {color: rgb (25, 0, 50)
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
26
The______________ element is a semantic element intended to represent content that is self-contained, like an image.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
27
To remove the hypertext border from an image, add a(n) ____ attribute with the border property set to "none".
A) border
B) img
C) markup
D) style
A) border
B) img
C) markup
D) style
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
28
Which property can you use to align text along an image border?
A) align
B) valign
C) vertical-align
D) border
A) align
B) valign
C) vertical-align
D) border
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
29
In color theory, a pure color is referred to as which of the following?
A) hue
B) tint
C) shade
D) primary
A) hue
B) tint
C) shade
D) primary
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
30
What is the default color for an active link?
A) blue
B) red
C) purple
D) green
A) blue
B) red
C) purple
D) green
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
31
If you don't maintain the ratio of width to height, called the ___________________, you distort the image.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
32
You can use the CSS ____ property to increase the white space around an image.
A) white-space
B) margin
C) border
D) vertical-align
A) white-space
B) margin
C) border
D) vertical-align
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
33
Saving images in a(n) ______________________ format allows the gradual display of a graphic in a series of passes.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
34
Which type of colors are always arranged opposite of each other on the color wheel?
A) secondary
B) primary
C) analogous
D) complementary
A) secondary
B) primary
C) analogous
D) complementary
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
35
Which of the following is NOT a way to specify color values with CSS?
A) color names
B) RGB color values
C) octal values
D) HSL color values
A) color names
B) RGB color values
C) octal values
D) HSL color values
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
36
Hexadecimal values are always preceded by a(n) ____.
A) #
B) $
C) %
D) &
A) #
B) $
C) %
D) &
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
37
The __________________ format is designed specifically for the web, and is a royalty-free file format that replaces GIF.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
38
To set the page background color what do you use as the selector?
A) home
B) background
C) body
D) page
A) home
B) background
C) body
D) page
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
39
What type of color scheme uses tints and shades of a single hue?
A) secondary
B) monochromatic
C) complementary
D) analogous
A) secondary
B) monochromatic
C) complementary
D) analogous
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
40
Using HSL colors, the value of 0 represents which color?
A) black
B) blue
C) red
D) green
A) black
B) blue
C) red
D) green
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
41
A(n) ____________________ color scheme uses the colors that are located next to each other on the color wheel.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
42
__________________ colors are vivid opposites and do not always go well together, despite their name.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
43
How are color names, RGB color values, and hexadecimal color values used?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
44
What is an interlaced or progressive image format? What are the advantages and disadvantages?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
45
Summarize the advantages and disadvantages of using the four main web graphic file formats.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
46
In color theory, a pure color is called a(n) ____________________.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
47
Describe the GI F, J P G, and P NG file formats.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
48
The ____________ property lets you set the transparency of a text or image element.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
49
How can you use multiple images in the background?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
50
When you specify__________ values, you are mixing the three basic colors to create a fourth color.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck