Deck 5: Graphics Text Styling Basics
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/28
Play
Full screen (f)
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
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) < 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;
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
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
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
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;}
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
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
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
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
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
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
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
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
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
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 >
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
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
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
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
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
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;
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;}
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
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
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
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
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