Question 1

For the URL "http://www.bbc.com/news/meltingArcticIceFlows.j p g", news is the
A) directory path to the target file.
B) domain.
C) target file.
D) web server computer or a subdomain.

Accepted Answer

The directory path to the target file is "news".

Question 2

What does the "WG" in WHATWG stand for?
A) World Governance
B) World Group
C) Wide Guard
D) Working Group

Accepted Answer

The "WG" in WHATWG stands for "Working Group." WHATWG is the Web Hypertext Application Technology Working Group.

Question 3

Given the following HTML code that forms the top of a web page, what instruction should appear above the code? Sample Web Page </head> A) <!DOCTYPE html> B) <doctype html> C) <DOCTYPE> D) <doctype>

Accepted Answer

The correct instruction is `<!DOCTYPE html>`, which is used to declare the document type and version of HTML being used.

Question 4

The purpose of the W3C's Tidy tool is to:
A) organize the web pages currently open in a user's browser.
B) organize the web pages stored on a web server.
C) check a web page to ensure that it complies with HTML5 standard.
D) check a web page to ensure that it complies with coding-convention style rules.

Accepted Answer

The answer of The purpose of the W3C's Tidy tool...

Question 5

Which of the following elements is in the heading content model category?
A) a
B) h5
C) h10
D) title

Accepted Answer

The answer of Which of the following elements is in...

Question 6

To provide an indication that text that has been deleted, what container element should you surround the text with?
A) del
B) delete
C) erase
D) expunge

Accepted Answer

The correct HTML element to indicate deleted text is `<del>`.

Question 7

You can use the time element's datetime attribute to specify the date by using which of the following formats for its value?
A) yyyy-mm-dd
B) yyyy-monthName-dd
C) monthName/dd/yy

Accepted Answer

The datetime attribute of the time element uses the ISO 8601 format, which is yyyy-mm-dd.

Question 8

The kbd element indicates that its enclosed text is:
A) input for a program.
B) output for a program.
C) a program-generated error message.
D) programming code.

Accepted Answer

The <kbd> element is used to represent user input, typically keyboard input, in HTML.

Question 9

Given the following CSS rule, which type of selector is used?
)funky {color: darkorchid;}
A) Type selector
B) Universal selector
C) Class selector
D) Pseudo selector

Accepted Answer

The selector ".funky" is a class selector, indicated by the period (.) before the name.

Question 10

Which of the following CSS-rule locations has the highest priority for determining the application of CSS rules?
A) In the browser's native default settings
B) In an external CSS file
C) In a style element in the web page's head section
D) In the user's wish box

Accepted Answer

Inline styles, which are not listed here, have the highest priority, but among the given options, styles in the web page's head section (style element) have higher priority than external CSS files and browser defaults.

Question 11

Which of the following CSS-rule locations has the lowest priority for determining the application of CSS rules?
A) In the browser's native default settings
B) In an external CSS file
C) In a style element in the web page's head section
D) In the user's wish box

Accepted Answer

The browser's native default settings have the lowest priority. CSS rules are applied in the order of user styles, author styles (external, internal, inline), and then browser defaults.

Question 12

Why do coding conventions suggest not using the style attribute?
A) The HTML5 standard does not include the style attribute.
B) It leads to code inefficiencies.
C) It defeats the purpose of CSS: keeping presentation separate from content.

Accepted Answer

Using the style attribute for inline styles mixes content with presentation, which goes against the principle of separating concerns that CSS promotes. This separation makes it easier to maintain and update the design across multiple pages.

Question 13

Which of the following would be a valid comment in an external CSS file? A) B) this is a CSS comment. C) // this is a CSS comment D) /* this is a CSS comment. */

Accepted Answer

In CSS, comments are written using the /* comment */ syntax.

Question 14

Which of the following is an integer-format RGB value for dark blue?
A) rgb(100,100,255)
B) rgb(200,200,255)
C) rgb(50,100,50)
D) rgb(0,0,100)

Accepted Answer

The answer of Which of the following is an integer-format...

Question 15

Suppose a web page has a elements inside a nav container. There is a nav type selector rule that applies a red background to matched elements and there is a nav > a child selector rule that applies a blue background to matched elements. What color will be applied to the a elements?
A) Red
B) Blue
C) It is unclear because the rules conflict.

Accepted Answer

The child selector (nav > a) is more specific than the type selector (nav), so the blue background will be applied to the a elements.

Question 16

To create a flexbox layout, you should use which of the following?
A) The flex container
B) The flexiblebox container
C) display: flex within a CSS rule
D) flexible: box within a CSS rule

Accepted Answer

display: flex within a CSS rule is used to create a flexbox layout.

Question 17

To help a screen reader know which header cell a data cell is associated with:
A) use the th element's data attribute with a value that matches the associated data cell's id value.
B) use the td element's headers attribute with a value that matches the associated header cell's id value.
C) apply a header: heading-cell-id CSS rule to the data cell where the heading-cell-id value matches the associated header cell's id value.

Accepted Answer

The `td` element's `headers` attribute should be used with a value that matches the associated header cell's `id` value to help screen readers associate data cells with their corresponding header cells.

Question 18

In organizing a website's links, a hierarchical structure is good for:
A) presenting a long article.
B) websites with multiple second-level pages that serve as starting points for different areas within your website.
C) websites that need to be highly accessible.

Accepted Answer

A hierarchical structure is good for websites with multiple second-level pages that serve as starting points for different areas within your website. This is because a hierarchical structure allows users to easily navigate to the content they are looking for by drilling down through the different levels of the website.

Question 19

Given the following CSS rule, what type of selector is used?
* {color: blue;}
A) Type selector
B) Universal selector
C) Class selector
D) Pseudo selector

Accepted Answer

The universal selector (*) selects all elements in the document.

Question 20

To specify uppercase letters for a list, what value should you use with the list-style-type CSS property?
A) decimal
B) titlecase
C) uppercase-letters
D) upper-alpha

Accepted Answer

The correct value to specify uppercase letters for a list using the list-style-type CSS property is "upper-alpha".

Quiz 13: Web Development and HTML/CSS

For the URL "http://www.bbc.com/news/meltingArcticIceFlows.j p g", news is the

What does the "WG" in WHATWG stand for?

Given the following HTML code that forms the top of a web page, what instruction should appear above the code? <html> <head> <title>Sample Web Page </head>

The purpose of the W3C's Tidy tool is to:

Which of the following elements is in the heading content model category?

To provide an indication that text that has been deleted, what container element should you surround the text with?

You can use the time element's datetime attribute to specify the date by using which of the following formats for its value?

The kbd element indicates that its enclosed text is:

Given the following CSS rule, which type of selector is used? ) funky {color: darkorchid;}

Which of the following CSS-rule locations has the highest priority for determining the application of CSS rules?

Which of the following CSS-rule locations has the lowest priority for determining the application of CSS rules?

Why do coding conventions suggest not using the style attribute?

Which of the following would be a valid comment in an external CSS file?

Which of the following is an integer-format RGB value for dark blue?

Suppose a web page has a elements inside a nav container. There is a nav type selector rule that applies a red background to matched elements and there is a nav > a child selector rule that applies a blue background to matched elements. What color will be applied to the a elements?

To create a flexbox layout, you should use which of the following?

To help a screen reader know which header cell a data cell is associated with:

In organizing a website's links, a hierarchical structure is good for:

Given the following CSS rule, what type of selector is used? * {color: blue;}

To specify uppercase letters for a list, what value should you use with the list-style-type CSS property?