Deck 8: Graphics and Color

Full screen (f)
exit full mode
Question
An SVG graphic can be reused at different sizes throughout a web site without downloading multiple files to the user.
Use Space or
up arrow
down arrow
to flip the card.
Question
Which image format can be described as a vector graphics file format?

A) PNG
B) JPG
C) GIF
D) SVG
Question
Which graphics display method represents images as geometrical formulas?

A) pixel
B) raster
C) vector
D) geometrical
Question
Animated GIFs require a special plug-in for viewing.
Question
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
Question
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
Question
The only attribute required by the < img > element for the image to be displayed by browsers is the src attribute.
Question
SVG is an image file format that you can currently use on the web.
Question
Which image format is best for photographs or continuous-tone images?

A) GIF
B) JPG
C) SVG
D) PNG
Question
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
Question
The advantage of using an interlaced format is that the entire full-quality image appears all at once.
Question
The J P G format is unique in that no color information is discarded when the image is compressed.
Question
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
Question
The < title > attribute provides a description of the image if it cannot be viewed by the user because of physical or technical limitations.
Question
The < figure > element is used to contain JavaScript animations and interactions.
Question
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
Question
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.
Question
PNG's lossless format results in compressed 8-bit images that are only slightly larger in file size than GIF.
Question
Which graphics format does NOT allow you to save images in an interlaced or progressive format?

A) GIF
B) SVG
C) JPG
D) PNG
Question
What is the color depth of a GIF image?

A) 4 bytes
B) 8 bits
C) 16 bytes
D) 32 bits
Question
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
Question
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
Question
GIF uses a(n) ____________________ compression technique, meaning that no color information is discarded when the image is compressed.
Question
What did Newton use to separate white light into its component colors?

A) mirror
B) telescope
C) prism
D) pyramid
Question
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)
Question
The______________ element is a semantic element intended to represent content that is self-contained, like an image.
Question
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
Question
Which property can you use to align text along an image border?

A) align
B) valign
C) vertical-align
D) border
Question
In color theory, a pure color is referred to as which of the following?

A) hue
B) tint
C) shade
D) primary
Question
What is the default color for an active link?

A) blue
B) red
C) purple
D) green
Question
If you don't maintain the ratio of width to height, called the ___________________, you distort the image.
Question
You can use the CSS ____ property to increase the white space around an image.

A) white-space
B) margin
C) border
D) vertical-align
Question
Saving images in a(n) ______________________ format allows the gradual display of a graphic in a series of passes.
Question
Which type of colors are always arranged opposite of each other on the color wheel?

A) secondary
B) primary
C) analogous
D) complementary
Question
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
Question
Hexadecimal values are always preceded by a(n) ____.

A) #
B) $
C) %
D) &
Question
The __________________ format is designed specifically for the web, and is a royalty-free file format that replaces GIF.
Question
To set the page background color what do you use as the selector?

A) home
B) background
C) body
D) page
Question
What type of color scheme uses tints and shades of a single hue?

A) secondary
B) monochromatic
C) complementary
D) analogous
Question
Using HSL colors, the value of 0 represents which color?

A) black
B) blue
C) red
D) green
Question
A(n) ____________________ color scheme uses the colors that are located next to each other on the color wheel.
Question
__________________ colors are vivid opposites and do not always go well together, despite their name.
Question
How are color names, RGB color values, and hexadecimal color values used?
Question
What is an interlaced or progressive image format? What are the advantages and disadvantages?
Question
Summarize the advantages and disadvantages of using the four main web graphic file formats.
Question
In color theory, a pure color is called a(n) ____________________.
Question
Describe the GI F, J P G, and P NG file formats.
Question
The ____________ property lets you set the transparency of a text or image element.
Question
How can you use multiple images in the background?
Question
When you specify__________ values, you are mixing the three basic colors to create a fourth color.
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/50
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
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
D
3
Which graphics display method represents images as geometrical formulas?

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
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
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
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
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
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
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
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
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
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
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
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)
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
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
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
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
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
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
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
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) &
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
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
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
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
locked card icon
Unlock Deck
Unlock for access to all 50 flashcards in this deck.