Quiz 3 Flashcards

1
Q

To associate a text string entered above each input element with a control, the text string should be enclosed within the _____ element.

A) ​fieldset
B) ​label
C) ​script
D) ​legend

A

B) ​label

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

For older browsers that do not support media queries, Cascading Style Sheets (CSS) 3 provides the _____ keyword to hide style sheets from those browsers.

A) ​auto
B) only
C) initial
D) one

A

B) only

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Case-Based Critical Thinking Questions

Case 5-1
Alex, a web designer, is assigned the task of creating a mobile-device-friendly website for a leading fashion outlet called AllStyles. A desktop version of AllStyles’s website already exists. Alex can refer to this desktop version of the website to create the mobile website design.
The desktop version of the website contains a long list of hyperlinks and this can obstruct the view of the main content when viewed from a mobile device.

Which of the following should Alex use to hide this long list of hypertext links so that it appears only in response to a tap of a major heading in the navigation list?

A) Header links
B) ​Pulldown menus
C) Pop-up links
D) Navigator menus

A

B) ​Pulldown menus

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

The process of ensuring that the user has supplied correct data is called _____ .

A) identification
B) correction
C) validation
D)​ submission

A

C) validation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

A _____ is used to restrict numeric values by displaying an up or down arrow to increase or decrease the field value by a set amount.

A) ​radio button
B) data list
C) ​check box
D) spinner control

A

D) spinner control

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

​When a style for a table element is created by setting the font color to red, _____.

A) ​the caption text will be displayed in black font
B) the caption text will be displayed in a red font
C) ​the caption text will be displayed in the same color as the previous table
D) ​the caption text will be displayed in the same color as the border

A

C) ​the caption text will be displayed in the same color as the previous table

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

​Identify thepagerule using which styles are applied to a page box.

A) ​#page {
style rules

}
B) @page {
style rules

}
C) {
style rules

}
D) ​*page {
style rules

}

A

B) @page {
style rules

}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

​Which of the following HTML elements is used to add a row in a table?

A) < td >
B) < tr >
C) ​< dd >
D) ​< tl >

A

B) < tr >

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

​The _____ is a device feature that gives the ratio of the width of the display area to its height.

A) orientation-ratio
B) aspect-ratio
C) display-ratio
D) index-ratio

A

B) aspect-ratio

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

T/F: To create a media query within a Hypertext Markup Language (HTML) file, the style attribute should be added to the link element in the document head.

A

F

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Identify the widget that limits a numeric field to a range of possible values by allowing users to drag a marker horizontally across the possible field values.

A) Data list
B) Selection list
C) Spinner control
D) ​Slider control

A

D) ​Slider control

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

​Which of the following statements is true of row groups?

A) ​The row groups are used in different applications where the table content is only from internal data sources.
B) ​The row groups are used to create different styles for groups of rows in a table.
C) ​The individual rows are determined using only the class attribute.
D) ​The rows are determined based on the total number of cells within a table.

A

D) ​The rows are determined based on the total number of cells within a table.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

T/F: A flexbox is a box containing items whose sizes are fixed.

A

F

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

T/F: ​Spanning cells are created by addingdivattributes to eithertdorthelement.

A

F

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

T/F: ​While designing web pages for mobile devices, the overall file size should be kept small.

A

T

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

According to Ethan Marcotte’s responsive design theory, _____ is a primary component that ensures that the page layout of websites automatically adjusts to screens of different widths.

A) ​flexible layout
B) media queries
C) contrasting colors
D) ​responsive images

A

A) ​flexible layout

17
Q

T/F: ​The style rulecolumns: 250px 4;creates a layout of 4 columns with a minimum width of 250 pixels each.

A

T

18
Q

T/F: By default, legends are placed in the top-right corner of the field set box.

A

F

19
Q

When a hover event is used to hide an object or display it, mobile browsers employ a double-tap event in which the _____ displays the page object.

A) ​first tap
B) texting event
C) title toolbar
D) ​second tap

A

A) ​first tap

20
Q

The _____ media type value for the media attribute is used for paged Braille printers.

A) screen
B) ​embossed
C) ​handheld
D) braille

A

B) ​embossed

21
Q

Identify the format for manually inserting a page break directly before an element.

A) ​page-break-before: type;
B) before(page-break): type;
C) before: type;
D) ​page-break: *before-type;

A

A) ​page-break-before: type;

22
Q

T/F: Once the field values have been entered by the user, they are processed by a program running on the user’s computer or on a web server in a secure location.

A

T

23
Q

Case-Based Critical Thinking Questions

Case 5-1
Alex, a web designer, is assigned the task of creating a mobile-device-friendly website for a leading fashion outlet called AllStyles. A desktop version of AllStyles’s website already exists. Alex can refer to this desktop version of the website to create the mobile website design.

For the AllStyles’s main web page, Alex creates a navigation bar that includes topical areas named Clothing, Accessories, and About Us. Alex wants to create nested lists within each of these topical areas that would contain links to specific pages on the AllStyles website. In order to do so, Alex must _____ while writing the HTML code.

A) use theonlykeyword to hide the list items
B) ​insert the structure of the nested list within a specific style sheet structure
C) put each of the nested lists within a class
D) ​set the width of the layout viewport to the width of the nested lists

A

C) put each of the nested lists within a class

24
Q

​Case-Based Critical Thinking Questions
​Case 7-1

Oscar owns Oscar’s Skateboard Shop. He wants to create a web form to allow users to specify the type of skateboards they would like to buy. This includes the make, model, type and color, and board options. Oscar’s skateboards come in Children, Young Adult, and Adult sizes. Oscar’s skateboards come in different colors, patterns, and themes. He has over 25 makes and models of skateboards.

Oscar wants the web form to allow users to select the delivery date for the items he purchases. To select the dates, Oscar should use a _____.

A) ​calendar control
B) ​hover dropdown
C) ​check box
D) ​radio button

A

C) ​check box

25
Q

Identify the query that matches any screen device that also supports color.

A) @media screen and color {
style rules

}
B) @media screen and @(color) {
style rules

}
C) media (@screen) and (@color) {
style rules

}
D) @media screen and (color) {
style rules

}

A

A) @media screen and color {
style rules

}