Deck 7: Inserting and Working With Images

Question 1

Most visual user agents display the value of the title attribute as floating text when a user moves the mouse pointer over the associated element.

Answer 1

True

Question 2

You add an image to an HTML document using the one-sided img element. _________________________

Answer 2

True

Question 3

Images can currently be represented electronically in two ways: as bitmaps or as properties . _________________________

Answer 3

False

Question 4

The most widely supported graphics formats are GIF, JPEG, and PNG.

Question 5

You add an image to a web page by linking to a separate file.

Question 6

More recently, the Super Vector Graphics (SVG) format has seen wider support in browsers; it is optimal for encoding line art. _________________________

Question 7

The value for the background property always starts with the text " http ". _________________________

Question 8

An img element can contain text.

Question 9

The HTML code associated with an image that specifies one or more shapes using sets of coordinates and that provides a link target for each shape is referred to as  hotsopt . _________________________

Question 10

To apply both a background color and a background image, you can use a single shorthand display property. _________________________

Question 11

As a general rule, alt text should describe an image without adding additional information, as this text is intended to be able to substitute for the image.  _________________________

Question 12

Only Firefox supports opacity values for images.

Question 13

The size of a bitmap image is measured in inches , which are the individual dots that make up the image. _________________________

Question 14

HTML5 includes the semantic figure element to mark images that add information to a web page.

Question 15

The title attribute is generally used to provide explanation or additional information if a user seeks it out. _________________________

Question 16

A(n) favicon is a custom icon associated with a web page that appears in the address bar and on the bookmark or favorites menu and bar.

Question 17

Like span elements, img elements are embedded elements by default.

Question 18

You can add a link to an image in an HTML document by enclosing the img element in an a element.

Question 19

The GIF file type does not support transparent pixels.

Question 20

You use the background-repeat property when you want to specify one or more properties related to background listed in a specific order.

Question 21

____ works best for art that contains limited numbers of colors and areas with defined borders between areas.

A) PNG
B) GIF
C) JPG
D) JPG

Question 22

Values for the width and height attributes of an img element are always expressed in ____.

A) centimeters
B) inches
C) pixels
D) percent

Question 23

The ____ format, named for the Joint Photographic Experts Group that created it, is optimized for images that contain many colors, such as photographs.

A) JPEG
B) JPG
C) Either A or B.
D) Neither A nor B.

Question 24

Each linked area in an image map is know as a(n) ____ .

A) link
B) shape
C) alt image
D) hotspot

Question 25

PNG, short for Portable ____ Graphics, was originally designed as a free alternative to GIF when GIF usage required licensing fees.

A) Native
B) Network
C) New
D) Natural

Question 26

You add an image to an HTML document using the one-sided img element. The element must include the ____ attribute whose value is the path and filename of the image file to display.

A) src
B) http
C) html
D) alt

Question 27

SVG graphics are written in a(n) ____ language similar to XML.

A) standard
B) export
C) markup
D) concurrent

Question 28

In addition to specifying a color as the background for a web page or web page element, you can provide a path and filename for a background image using the ____ property.

A) image-filename
B) background-image
C) path-filename
D) path-image

Question 29

The three most widely used image formats on the web are all different types of ____ encoding.

A) vector
B) bitmap
C) Both A and B.
D) Neither A nor B.

Question 30

The coordinates for an image map are measured from the ____ and _____ edges of the image.

A) top, right
B) top, left
C) bottom, right
D) bottom, left

Question 31

You add an image to an HTML document using the one-sided img element. The element must include the ____ attribute which specifies text to display in case the image is unavailable or needs to be read in user agents by software such as screen readers.

A) utf
B) alt
C) src
D) http

Question 32

A ____ image represents an image as a grid of dots and specifies the color of each dot.

A) vector
B) bitmap
C) layout
D) static

Question 33

The standard resolution for display on a monitor is ____ dpi.

A) 36
B) 72
C) 144
D) 256

Question 34

A(n) ____ file can be displayed at different dimensions with no decrease in quality.

A) GIF
B) JPEG
C) SVG
D) All of the above.

Question 35

Resolution, measured in ____, specifies how close the dots in the bitmap should appear on the output.

A) dots per inch
B) dots per ion
C) dots per impression
D) dots per image

Question 36

While a vector graphic can be scaled larger or smaller with no change in quality, bitmap graphics display optimally only at their original, or ____, length and width.

A) native
B) natural
C) intended
D) final

Question 37

All bitmap images are created to be displayed at a set ____.

A) resolution
B) size
C) Both A and B.
D) Neither A nor B.

Question 38

You can use HTML to incorporate images into your Web pages and specify CSS ____ to affect the way user agents display the images.

A) elements
B) properties
C) commands
D) applications

Question 39

A ____ graphic encodes the appearance of a graphic as geometric shapes.

A) vector
B) bitmap
C) layout
D) static

Question 40

The size of a bitmap image is measured in ____, which are the individual dots that make up the image.

A) ions
B) pixels
C) inches
D) impressions

Question 41

Case-Based Critical Thinking Question
John wants to add related text to images on his Lawn Care business website.
John discovers that most visual users display the title attribute as ____ text that is shown when a user moves the mouse pointer over the associated element.

A) hyperlinked
B) secondary
C) floating
D) hovering

Question 42

Referring to the figure above, the bottom-right picture shows the image displayed ____.

A) larger than its native size
B) smaller than its native size
C) at its native size
D) on an older browser

Question 43

Case-Based Critical Thinking Question
Kristin coaches a high school hockey team and has started a website to showcase the players.
Before she uses the SVG format, Kristin researches browser support. The following browser offers high support of SVG: ____.

A) Chrome
B) Safari
C) Opera
D) All of the above.

Question 44

 
Unholy Vault Designs/Shutterstock.com
Photo/Sasha Vodnik
Referring to the figure above, if you want to specify a different favicon on an individual page you should use the ____ element to reference the appropriate file.

A) alt
B) root
C) path
D) link

Question 45

Case-Based Critical Thinking Question
Kristin coaches a high school hockey team and has started a website to showcase the players.
Kristin wants to show lots of photographs on the website. The best format for her to use is the ________ format because it is optimized for colorful images.

A) JPEG
B) GIF
C) PNG
D) SVG

Question 46

You can specify a favicon for all the pages on a Web site by using the ____ format.

A) .i m g
B) . J pg
C) . T xt
D) .ico

Question 47

Unholy Vault Designs/Shutterstock.com
Referring to the figure above, the linked text "The Sun Room" was created by nesting the ____ element inside a figcaption element.

A) link
B) fig
C) a
D) div

Question 48

 
Unholy Vault Designs/Shutterstock.com
Photo/Sasha Vodnik
Referring to the figure above, you know this file was opened _____.

A) from a local file
B) from a web server
C) either a or b
D) neither a nor b

Question 49

Hotspots can be ____ shapes.

A) rectangular
B) polygonal
C) circular
D) All of the above.

Question 50

Referring to the figure above, which figure is displayed at its native length and width?

A) lower-left image
B) lower-middle image
C) lower-right image
D) none

Question 51

By changing the ____ of an image, you can increase its contrast with other page elements or make it more closely match a site's design.

A) size
B) alignment
C) opacity
D) filename

Question 52

Unholy Vault Designs/Shutterstock.com
Referring to the figure above, the text "The Sun Room" under the picture is a ____.

A) figure caption
B) figure callout
C) Web caption
D) Web callout

Question 53

To associate caption text with an img element, you place the text in a ____ element that is nested within the figure element for the image.

A) captext
B) figtext
C) textcaption
D) figcaption

Question 54

Referring to the figure above, which image(s) results in the best balance of file size and quality.

A) lower-left image
B) lower-middle image
C) lower-right image
D) both a and c

Question 55

Referring to the figure above, which image(s) would require more data to be downloaded than is needed to display a quality image?

A) lower-left image
B) lower-middle image
C) lower-right image
D) both a and c

Question 56

Unholy Vault Designs/Shutterstock.com
Referring to the figure above, a tall narrow background image was repeated or ____ to fill the entire screen.

A) tiled
B) rolled
C) embedded
D) reversed

Question 57

 
Unholy Vault Designs/Shutterstock.com
Photo/Sasha Vodnik
Referring to the figure above, the icon on the tab, next to the words "Lakeland Reeds Bed & Br.." is a(n)____ icon known as a favicon.

A) custom
B) standard
C) animated
D) temporary

Question 58

Case-Based Critical Thinking Question
John wants to add related text to images on his Lawn Care business website.
John also finds out that he can nest an img element inside a(n) ____ element to align it horizontally.

A) div
B) block-level
C) span
D) alignment

Question 59

A favicon is a graphic file 16 pixels in width by ____ pixels in height.

A) 16
B) 32
C) 64
D) 128

Question 60

Case-Based Critical Thinking Question
Kristin coaches a high school hockey team and has started a website to showcase the players.
Kristin wants to include drawn diagrams (limited colors, defined borders) illustrating the players and their positions.  She wants the diagrams to be displayed at different dimensions with no decrease in quality. To do this, she should choose the ____ format.

A) JPEG
B) JPG
C) GIF
D) SVG

Question 61

A(n) ________________ image represents an image as a grid of dots and specifies the color of each dot.

Question 62

Optimizing your use of the figcaption element and the alt and title attributes of the image tag requires examining the purpose of any image-related text you want to add to your web pages. When are each of the text labeling methods (alt text, caption, and title) most commonly used?

Question 63

What is the benefit of styling an image with opacity? Using CSS3 syntax, what would be the code to set the "opacity" property at 50%.

Question 64

A(n) ___________________ graphic encodes the appearance of a graphic as geometric shapes.

Question 65

You use the _____  property to set how transparent an image is. 

Question 66

To create a multi-sided hotspot, you should set the shape value to _________.

Question 67

Why is the text you provide using the alt attribute for an image important? Please give three tips for creating useful alt text.

Question 69

The standard CSS3 syntax uses the "___________________" property with a decimal value from 0 (fully transparent) to 1 (fully opaque).

Question 70

User agents have a default behavior of ___________________ small background images, meaning that the images are displayed repeatedly both across and down a page to fill up the browser window.

Question 71

Referring to the figure above, what was added using the background property?