Deck 5: Graphics Text Styling Basics

Full screen (f)
exit full mode
Question
Choose the item below that describes the process of creating an image with the lowest file size that still renders a good quality image.

A) validation
B) multimedia
C) optimization
D) bandwidth
Use Space or
up arrow
down arrow
to flip the card.
Question
Select the code below that associates a favorites icon named favicon.ico with a web page document.

A) < link rel="icon" type="image/x-icon" href="favicon.ico" >
B) < img href="favicon.ico" alt="favorites" width="16" height="16" >
C) < a href="favicon.ico" > < img href="favicon.ico" alt="favorites" width="16" height="16" >< /a >
D) < link rel="favicon" type="image/gif" href="favicon.ico" >
Question
Select the code below that configures a background image to repeat horizontally across a web page.

A) repeat: across;
B) background-repeat: repeat-x;
C) background-repeat: no-repeat;
D) background-repeat: repeat-y;
Question
Choose the method to avoid when obtaining graphics for your website.

A) Purchase a DVD with royalty-free graphics
B) Use a graphics application and create your own
C) Purchase graphics from a website
D) Right-click and copy a graphic you like from any website
Question
Use the ______ attribute to display an image to the right of a block of text.

A) align
B) spacing
C) alt
D) height
Question
Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics.

A) alt
B) text
C) src
D) height
Question
Select the code below that will configure a background image called parchment.gif for a web page using CSS.

A) body {background-image:url(parchment.gif); }
B) document {background:parchment.gif; }
C) body {background:parchment.gif'}
D) body {background-color:parchment.gif;}
Question
Choose the technique below that will provide for accessibility when a web page uses graphics for the main navigation links.

A) configure an alt attribute for each navigation image
B) provide text links in the page footer
C) provide text hyperlinks in the page footer and configure an alt attribute for each navigation image
D) no further action is needed if the image contains text
Question
Choose the graphic format that supports millions of colors, supports variable transparency levels, and uses lossless compression.

A) gif
B) jpg
C) png
D) bmp
Question
Select the element that displays an image on a web page.

A) a
B) img
C) image
D) graphic
Question
Select the best reason to include height and width attributes on an image element.

A) they are required attributes and must always be included
B) to help the browser render the page faster because it reserves the appropriate space for the image
C) to help the browser display the image in its own window
D) none of the above
Question
Use the _______ property to configure multiple backgrounds on an element.

A) multiple-background
B) multiple
C) background
D) backgrounds
Question
A smaller version of a image that usually links to the larger image is called a:

A) hyperlink
B) thumbnail image
C) small image
D) wallpaper
Question
The process of ensuring that web pages coded with new or advanced techniques still are usable in browsers that do not offer support for the newer features is called:

A) validation
B) valid enhancement
C) progressive enhancement
D) optimization
Question
Use the _______________ property to configure an image to use as a list marker in an unordered list.

A) bullet-image
B) image-style
C) list-style-image
D) bullet-style-image
Question
Choose the graphic format that can be made transparent.

A) jpg
B) gif
C) bmp
D) tif
Question
Choose the item that creates an image link to the school.html page when the school.gif graphic is clicked.

A) < a href="school.html" src="school.gif" alt="school" >< /a >
B) < a href="school.html" >< img src="school.gif" alt="school" >< /a >
C) < img src="school.gif" href="school.html" alt="school" >
D) < a href="school" >< img src="school.gif" href="school.html" alt="school" >< /a >
Question
Choose the graphic format that is best-suited to display photographs on web pages.

A) jpg
B) photo
C)gif
D) psd
Question
Use the _______________ property to eliminate the bullets from an unordered list.

A) bullet-image
B) list-style-none
C) list-style-type
D) list-style-image
Question
Select the browser's action when you configure BOTH a background color and background image for the body selector.

A) display the background color instead of the background image
B) will display no background for the page because it is "confused"
C) display the background color while the background image loads and before the background image is displayed
D) do none of the above
Question
Use the __________ property to align text within an element.

A) align
B) font-align
C) text-align
D) you cannot align text with CSS
Question
Use the __________ property to configure bold text using CSS

A) bold
B) font-style
C) font-weight
D) you cannot configure bold text with CSS
Question
Which of the following configures Arial, Verdana, or the default sans-serif font for an element?

A) font-face: Arial;
B) font-type: Arial, Verdana, sans-serif;
C) font-family: Arial, Verdana, sans-serif;
D) font-typeface: Arial, Verdana, sans-serif;
Question
Select the code below that configures a class called "offer" with blue text, 1.2em, and Arial or sans-serif font using CSS.

A) .offer { color:blue; font-size:1.2em; font-family:sans-serif;}
B) .offer { color:blue; font-size:1.2em; font-family:Arial,sans-serif;}
C) .#offer { text:blue; font-size:1.2em; font-family:Arial,sans-serif;}
D) #offer { text:blue; font-size:20px; font-family:Arial,sans-serif;}
Question
14. A(n) ________ is an image that is configured so that parts of the image can be used as one or more hyperlinks.

A) image map
B) hyperimage
C) navigation image
D) list marker image
Question
Use the __________ property to configure uppercase text

A) text-upper
B) text-transform
C) text-indent
D) text-align
Question
Use the __________ property to configure italic text using CSS

A) bold
B) font-style
C) font-weight
D) you cannot configure italic text with CSS
Question
Select the attributes that are used in the area element to configure a clickable area on an image map.

A) src, left, top, alt
B) href, left, top, alt
C) href, coords, shape, alt
D) src, coords, shape, alt
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/28
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
Deck 5: Graphics Text Styling Basics
1
Choose the item below that describes the process of creating an image with the lowest file size that still renders a good quality image.

A) validation
B) multimedia
C) optimization
D) bandwidth
C
2
Select the code below that associates a favorites icon named favicon.ico with a web page document.

A) < link rel="icon" type="image/x-icon" href="favicon.ico" >
B) < img href="favicon.ico" alt="favorites" width="16" height="16" >
C) < a href="favicon.ico" > < img href="favicon.ico" alt="favorites" width="16" height="16" >< /a >
D) < link rel="favicon" type="image/gif" href="favicon.ico" >
A
3
Select the code below that configures a background image to repeat horizontally across a web page.

A) repeat: across;
B) background-repeat: repeat-x;
C) background-repeat: no-repeat;
D) background-repeat: repeat-y;
B
4
Choose the method to avoid when obtaining graphics for your website.

A) Purchase a DVD with royalty-free graphics
B) Use a graphics application and create your own
C) Purchase graphics from a website
D) Right-click and copy a graphic you like from any website
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
5
Use the ______ attribute to display an image to the right of a block of text.

A) align
B) spacing
C) alt
D) height
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
6
Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics.

A) alt
B) text
C) src
D) height
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
7
Select the code below that will configure a background image called parchment.gif for a web page using CSS.

A) body {background-image:url(parchment.gif); }
B) document {background:parchment.gif; }
C) body {background:parchment.gif'}
D) body {background-color:parchment.gif;}
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
8
Choose the technique below that will provide for accessibility when a web page uses graphics for the main navigation links.

A) configure an alt attribute for each navigation image
B) provide text links in the page footer
C) provide text hyperlinks in the page footer and configure an alt attribute for each navigation image
D) no further action is needed if the image contains text
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
9
Choose the graphic format that supports millions of colors, supports variable transparency levels, and uses lossless compression.

A) gif
B) jpg
C) png
D) bmp
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
10
Select the element that displays an image on a web page.

A) a
B) img
C) image
D) graphic
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
11
Select the best reason to include height and width attributes on an image element.

A) they are required attributes and must always be included
B) to help the browser render the page faster because it reserves the appropriate space for the image
C) to help the browser display the image in its own window
D) none of the above
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
12
Use the _______ property to configure multiple backgrounds on an element.

A) multiple-background
B) multiple
C) background
D) backgrounds
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
13
A smaller version of a image that usually links to the larger image is called a:

A) hyperlink
B) thumbnail image
C) small image
D) wallpaper
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
14
The process of ensuring that web pages coded with new or advanced techniques still are usable in browsers that do not offer support for the newer features is called:

A) validation
B) valid enhancement
C) progressive enhancement
D) optimization
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
15
Use the _______________ property to configure an image to use as a list marker in an unordered list.

A) bullet-image
B) image-style
C) list-style-image
D) bullet-style-image
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
16
Choose the graphic format that can be made transparent.

A) jpg
B) gif
C) bmp
D) tif
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
17
Choose the item that creates an image link to the school.html page when the school.gif graphic is clicked.

A) < a href="school.html" src="school.gif" alt="school" >< /a >
B) < a href="school.html" >< img src="school.gif" alt="school" >< /a >
C) < img src="school.gif" href="school.html" alt="school" >
D) < a href="school" >< img src="school.gif" href="school.html" alt="school" >< /a >
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
18
Choose the graphic format that is best-suited to display photographs on web pages.

A) jpg
B) photo
C)gif
D) psd
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
19
Use the _______________ property to eliminate the bullets from an unordered list.

A) bullet-image
B) list-style-none
C) list-style-type
D) list-style-image
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
20
Select the browser's action when you configure BOTH a background color and background image for the body selector.

A) display the background color instead of the background image
B) will display no background for the page because it is "confused"
C) display the background color while the background image loads and before the background image is displayed
D) do none of the above
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
21
Use the __________ property to align text within an element.

A) align
B) font-align
C) text-align
D) you cannot align text with CSS
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
22
Use the __________ property to configure bold text using CSS

A) bold
B) font-style
C) font-weight
D) you cannot configure bold text with CSS
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
23
Which of the following configures Arial, Verdana, or the default sans-serif font for an element?

A) font-face: Arial;
B) font-type: Arial, Verdana, sans-serif;
C) font-family: Arial, Verdana, sans-serif;
D) font-typeface: Arial, Verdana, sans-serif;
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
24
Select the code below that configures a class called "offer" with blue text, 1.2em, and Arial or sans-serif font using CSS.

A) .offer { color:blue; font-size:1.2em; font-family:sans-serif;}
B) .offer { color:blue; font-size:1.2em; font-family:Arial,sans-serif;}
C) .#offer { text:blue; font-size:1.2em; font-family:Arial,sans-serif;}
D) #offer { text:blue; font-size:20px; font-family:Arial,sans-serif;}
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
25
14. A(n) ________ is an image that is configured so that parts of the image can be used as one or more hyperlinks.

A) image map
B) hyperimage
C) navigation image
D) list marker image
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
26
Use the __________ property to configure uppercase text

A) text-upper
B) text-transform
C) text-indent
D) text-align
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
27
Use the __________ property to configure italic text using CSS

A) bold
B) font-style
C) font-weight
D) you cannot configure italic text with CSS
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
28
Select the attributes that are used in the area element to configure a clickable area on an image map.

A) src, left, top, alt
B) href, left, top, alt
C) href, coords, shape, alt
D) src, coords, shape, alt
Unlock Deck
Unlock for access to all 28 flashcards in this deck.
Unlock Deck
k this deck
locked card icon
Unlock Deck
Unlock for access to all 28 flashcards in this deck.