Deck 3: Enhancing a Website With Images and Links

Question 1

The _____ image format is used to create shapes such as circles, squares, rectangles, and lines.

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

Answer 1

C

Question 2

A _____ element is used to define an area or division in a webpage.

A) desc
B) div
C) part
D) nav

Answer 2

B

Question 3

Javier wants to enhance the look of the website by adding animation. What file format uses markup language and supports two-dimensional graphics, images, and animations?

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

Answer 3

A

Question 4

_____ files are not suitable for high-quality pictures or photos because of the small color palette in them.

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

Question 5

To reduce an image's file size, the GIF format uses a technique called _____ that maintains the file's color information.

A) lossless compression
B) sizing
C) image reformation
D) enhancement

Question 6

JPG uses a(n) _____, made exclusively for digital photos, to reduce file size.

A) lossy compression
B) minimized compression
C) adjustable compression
D) reduction compression

Question 7

The fashion website for which Javier is creating content does not require a specific sequence to be followed when the fashion items are displayed to the viewers. In such a scenario, Javier can use _____ lists to structure the items that should be displayed on the website.

A) ordered
B) methodical
C) numbered
D) bulleted

Question 8

_____ are hyperlinks that primarily work on smartphones.

A) Telephone links
B) Absolute links
C) Image links
D) Itinerant links

Question 9

The _____ format is a 24-bit image that supports 16.7 million colors, which is why it is used for digital photos and other pictures with a high level of detail or color complexity, such as shadows.

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

Question 10

To allow a user to navigate a website and move from one page to another, web designers must add ______ to a webpage.

A) indices
B) key values
C) attributes
D) hyperlinks

Question 11

The _____ image file format is used to create images that do not display a background color but have a transparent, or clear, background instead.

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

Question 12

A webpage with a _____ does not change when the browser window is resized or the page is displayed at varying resolutions.

A) fluid layout
B) responsive layout
C) receptive layout
D) fixed layout

Question 13

The _____ is an empty Hypertext Markup Language (HTML) tag.

A) image tag
B) anchor tag
C) div tag
D) class tag

Question 14

Using a _____ element directly below the header element and then inserting the navigation links in this element ensures that the links appear near the header, where visitors can access them easily.

A) nav
B) class
C) div
D) lnk

Question 15

The _____ attribute is used to identify the image file being inserted in a webpage.

A) src
B) url
C) loc
D) load

Question 16

A _____ is the smallest element of light or color on a device displaying images.

A) src
B) tag
C) pixel
D) mark

Question 17

An image's ____ text should be a brief description of the purpose of the image.

A) alternate
B) descriptive
C) standard
D) link

Question 18

The _____ image format is not ideal for photographic images, as its lossless compression is not as efficient as that of the JPG format.

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

Question 19

For hyperlinks that link to a telephone number, use an anchor element by including the href attribute, followed by _____.

A) "tellink:areacode+number"
B) "tel:+1number"
C) :"number"
D)

Question 20

When using images with large file sizes, a photo or graphics editor should be used to _____ the graphic for web use.

A) diminish
B) tag
C) optimize
D) replace

Question 21

For a description list, each term should be marked between a pair of _____ tags.

A) and
B) and
C) and
D) and

Question 22

The _____ tags must be at the start and end of an ordered list.

A) and
B) and
C) and
D) and

Question 23

_____ is a starting div tag with an id attribute that has a value of menu.

A) div "id"=menu
B) html div id="menu"
C) div "menu"=id
D) div id="menu"

Question 24

div id="container" is used to insert a div element with an id attribute value of container to a website template. The ending div tag here should be _____.

A) /div
B) /div "id"=container
C) /div id="container"
D) /div ="id"

Question 25

The _____ tags must be at the start and end of heading level 1.

A) and
B) and
C) and
D) and

Question 26

When specifying values for the height and width attributes of an image, the relative dimensions of the image must be used.

Question 27

The _____ tags must be at the start and end of an unordered list.

A) and
B) and
C) and
D) and

Question 28

The PNG file format was designed to replace the GIF file format for web graphics.

Question 29

When the _____ element will contain all of the webpage elements, it is commonly referred to as the container or the wrapper because it contains or wraps around all of the webpage elements.

A) href
B) ref
C) id
D) div

Question 30

An unordered list displays a small graphic called a(n) _____ before each item of information.

A) int
B) bullet
C) tag
D) head

Question 31

A(n) ______ element begins with an a tag and ends with an /a tag.

A) header
B) absolute
C) relative
D) anchor

Question 32

To create a link to a webpage, one inserts a code in a(n) _____ document that references the webpage by its name and location.

A) CSS
B) CLASS
C) HTML
D) DIV

Question 33

To follow proper syntax with ______ elements, close each tag in the reverse order as you opened them.

A) absolute
B) stacked
C) nested
D) indexed

Question 34

The div attribute that identifies a unique area on a webpage and distinguishes it from other page divisions is the _____ attribute.

A) class
B) style
C) id
D) type

Question 35

When text is coded as a hyperlink, it usually appears as highlighted text in a color different from the rest of the webpage text.

Question 36

_____ links are the most common type of hyperlink.

A) Server
B) Proxy
C) Text
D) Protocol

Question 37

A description list should be defined between a pair of _____ tags.

A) and
B) and
C) and
D) and

Question 38

A website template already contains the basic Hypertext Markup Language (HTML) code for the website. Using the template saves time _____.

A) debugging
B) analyzing
C) coding
D) testing

Question 39

Using a nav   element directly below the _____   element and then inserting the navigation links in the nav  element ensures that the links appear near the header, where visitors can access them easily. 

A) header
B) f ooter
C) class name
D) main

Question 40

All div elements must have a common id attribute value.

Question 41

You should always use the alt  attribute in an image tag to specify alternate text in case the image cannot be displayed in a browser. 

Question 42

GIF files can support over 16 million colors.

Question 43

The image tag, img, is an empty tag that does not have a beginning tag.

Question 44

Images help break up text and contribute to the design and aesthetics of a website.

Question 45

The lower the screen resolution, the sharper the text and images appear on a monitor.

Question 46

Business logos are the images that promote a company's presence and brand.

Question 47

The SVG image file format is used for shapes, lines, text, and gradients.

Question 48

On the web, links are the ancillary way to navigate among webpages and websites.

Question 49

Optimizing an image increases its file size and load time. 

Question 50

The alt attribute provides information about the purpose of an image for assistive technology such as screen readers.

Question 51

Include the _____ attribute in a starting anchor tag to identify the webpage, email address, file, telephone number, or other content to access.

A) dt
B) ol
C) img
D) href

Question 52

PNG supports transparency, but not animation.

Question 53

The PNG file format was designed to replace the GIF file format for web graphics. 

Question 54

While optimizing an image, too much compression can degrade the quality of the image.

Question 55

To create a bookmark, you insert a(n) ______ attribute and value in the element where you want to include a bookmark.

A) alt
B) id
C) src
D) href

Question 56

To configure an image with a link, the starting anchor tag should be placed after the image element and the ending anchor tag should be placed before the image element.

Question 57

To reduce file size, a lossy compression discards some of the color information in the image, which reduces its original quality.

Question 58

By default, the font color of link text changes to red when a visitor taps or clicks a link.

Question 59

The JPEG image format is the oldest web file format and supports transparency and frame animation.

Question 60

The JPG image file format is used for images that are not digital photos.

Question 61

Hyperlinks that link to other webpages within the same website are known as _____.

A) relative links
B) image links
C) absolute links
D) email links

Question 63

Which line of
code means a browser should create a link to the index.html file for a website using the image file named image. p n g as the link object?

A)
<a href="image. P n g"><img src="index.html"></a>

B)
<img src="index.html"><a href="image. P n g"></a>

C)
<a href="index.html"><img src="image. P n g"></a>

D)
<img src="image. P n g"><a href="index.html"></a>

Question 64

An unordered list can use one of four different list options: disc, square, circle, or triangle.

Question 65

Explain the different types of lists.

Question 66

Steve has recently purchased his first digital camera. Since he has started capturing and using digital photos instead of non-digital ones, which image file format will be best suited for his use?

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

Question 67

Discuss the pros and cons of the various image file formats. Also, give examples of how these formats are used.

Question 68

In a description list, for each item, the dt element must come before the dd element.

Question 69

Prior to HTML 5, div  elements defined specific areas on a webpage, such as the header, navigation area, main content area, and footer. 

Question 70

If one uses the ul start tag without specifying any type, the browser displays the default type, a square .

Question 71

An ordered list is also known as a bulleted list.

Question 72

In an unordered list, the bulleted items can appear in any sequence.

Question 73

For email links, use anchor elements to link to an email address by including the href attribute followed by _____ and then the email address.

A) sendto:
B) mailto:
C) copyto:
D) referto:

Question 74

While dealing with high-resolution digital photos, Steve realizes that all of them have a very large file size. In order to reduce the file size, Steve must use a photo editor to _____ the image files.

A) tag
B) optimize
C) replace
D) restructure

Question 75

Definition lists are useful to create a glossary-like list of terms.

Question 76

When assigning the attribute for an absolute link, begin with the _____ text.

A) index.html
B) mailto
C) http://
D) home

Question 77

The div element can be added only outside the main element of a webpage.