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

Accepted Answer

SVG stands for Scalable Vector Graphics, which is a vector-based image format. It is highly flexible and can be scaled to any size without losing clarity or quality. It is ideal for creating shapes such as circles, squares, rectangles, and lines as it allows for precise control over their properties (e.g. stroke width, color, etc.). On the other hand, JPG, GIF, and PNG are raster-based image formats and are not as suitable for creating shapes as they are more geared towards photographic or graphic images.

Question 2

A _____ element is used to define an area or division in a webpage.
A) desc
B) div
C) part
D) nav

Accepted Answer

The div element is used to define a division or section in a webpage, allowing for the content to be organized into separate blocks. This can be helpful for styling the page or targeting specific areas with CSS or JavaScript. The other options (desc, part, and nav) are not valid HTML elements for defining divisions or sections.

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

Accepted Answer

SVG (Scalable Vector Graphics) is a file format that uses XML-based markup language to describe two-dimensional graphics, images, and animations.

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

Accepted Answer

GIF files are not suitable for high-quality pictures or photos because they use a limited color palette of 256 colors, which is insufficient for detailed images.

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

Accepted Answer

Lossless compression is a technique that reduces file size without sacrificing quality. This is done by identifying and eliminating unnecessary data while maintaining all of the original color information. GIF is a file format that employs lossless compression to reduce file size.

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

Accepted Answer

JPG uses lossy compression, which reduces file size by removing some of the image data. This is made exclusively for digital photos, as it takes advantage of aspects of digital photography to remove data that the human eye may not notice. The other options listed (minimized compression, adjustable compression, and reduction compression) are not specific to JPG or digital photography.

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

Accepted Answer

Bulleted lists are non-sequential and do not require a specific order. They are a visual way of presenting information and can be used for items that do not necessarily follow a sequence or order, such as fashion items on a website.

Question 8

_____ are hyperlinks that primarily work on smartphones.
A) Telephone links
B) Absolute links
C) Image links
D) Itinerant links

Accepted Answer

Telephone links are hyperlinks that allow users to directly call a phone number with one click, making them most effective on smartphones where users can make calls directly from the device. Absolute links, image links, and itinerant links are not specific to smartphones.

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

Accepted Answer

JPEG (JPG) is a 24-bit image format that supports 16.7 million colors, making it suitable for digital photos and images with high detail or color complexity.

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

Accepted Answer

Hyperlinks are clickable elements on a webpage that link to other pages or resources on the internet, allowing users to navigate a website and move from one page to another. Indices and key values are not typically used for navigation, and attributes do not directly allow for page navigation.

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

Accepted Answer

The answer of The _____ image file format is used...

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

Accepted Answer

A webpage with a fixed layout is designed with specific pixel dimensions and does not adjust to different screen sizes, meaning it will not change when the browser window is resized or the page is displayed at varying resolutions.

Question 13

The _____ is an empty Hypertext Markup Language (HTML) tag.
A) image tag
B) anchor tag
C) div tag
D) class tag

Accepted Answer

The image tag (<img>) is an empty HTML tag because it does not have a closing tag and does not contain any content between a start and end 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

Accepted Answer

The <nav> element specifically indicates a section of the document that contains navigation links. Placing it directly below the header provides a clear visual indication to visitors of where they can access the navigation links.

Question 15

The _____ attribute is used to identify the image file being inserted in a webpage.
A) src
B) url
C) loc
D) load

Accepted Answer

The "src" attribute is used to specify the source file (URL) of an image in HTML. It identifies the location of the image file being inserted in a webpage.

Question 16

A _____ is the smallest element of light or color on a device displaying images.
A) src
B) tag
C) pixel
D) mark

Accepted Answer

A pixel is the smallest element of light or color on a device displaying images. It is the basic unit of measurement for any digital image.

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

Accepted Answer

Alternate text, often referred to as "alt text," is used to describe the purpose of an image for accessibility reasons, such as for screen readers.

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

Accepted Answer

The PNG image format is not ideal for photographic images, as its lossless compression is not as efficient as that of the JPG format. The TIF format is commonly used for high-quality images and has the ability to handle multiple layers and pages. The GIF format is limited to 256 colors and is best suited for simple graphics or animations. The SVG format is ideal for vector graphics and logos, but it cannot handle photographic images. Therefore, the best choice in this scenario is 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"

Accepted Answer

The correct syntax for hyperlinks that link to a telephone number is "tel:+1area code and number" where "+1" is the country code for the United States.

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

Accepted Answer

To make the image suitable for web use, optimizing it is the best way to reduce the file size without compromising on the quality of the image. The other options - diminishing the graphic, tagging, or replacing it - may not address the issue of large file size or may result in a lower quality image.

Quiz 3: Enhancing a Website With Images and Links

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

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

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?

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

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

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

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.

_____ are hyperlinks that primarily work on smartphones.

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.

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

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 webpage with a _____ does not change when the browser window is resized or the page is displayed at varying resolutions.

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

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.

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

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

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

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

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

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