Question 1

Which attribute below defines a fragment identifier in a page?&#10;A) id&#10;B) identifier&#10;C) fragment&#10;D) bookmark

Accepted Answer

The "id" attribute is used to define a unique identifier for an element on a web page. This identifier can then be used as a fragment identifier in the page's URL, allowing users to easily navigate to a specific section of the page.

Question 2

Select a recommendation for mobile web design from the choices listed below.&#10;A) Use a single column page layout&#10;B) Use large images&#10;C) Use pt units for font sizes&#10;D) None of the above are best practices for mobile web design.

Accepted Answer

Using a single column page layout allows for easier navigation on smaller mobile screens and ensures that content is always displayed in a readable format without the need for zooming or scrolling. Large images and pt units for font sizes can negatively impact mobile loading times and readability.

Question 3

Use the _______ attribute in the HTML link element to associate a web page with a style sheet for printing.&#10;A) media=&#34;print&#34;&#10;B) out=&#34;printer&#34;&#10;C) media=&#34;paper&#34;&#10;D) media=&#34;screen&#34;

Accepted Answer

The correct attribute to associate a style sheet with a web page for printing is media="print". This indicates that the style sheet should only be used when the document is being printed, and not when it is being displayed on a screen. Option B is not a valid attribute for the link element, and options C and D are incorrect because they do not specifically refer to printing.

Question 4

Select a recommendation for mobile web design from the choices listed below.&#10;A) Use a two-column page layout&#10;B) Use images that display text&#10;C) Use percentage or em units for font sizes&#10;D) Configure all hyperlinks to open in new browser windows

Accepted Answer

Using percentage or em units for font sizes ensures that the text remains proportionate and legible across different mobile devices with varying screen sizes.

Question 5

The ________ HTML5 element indicates tangential or supplemental content.&#10;A) header&#10;B) nav&#10;C) aside&#10;D) section

Accepted Answer

The aside HTML5 element is used to mark tangential or supplemental content, which could be notes, additional explanations, anecdotes, or similar. The content within the aside element can be considered separate from the content it is placed in, but still relevant to it.

Question 6

Choose the item below that is not an HTML5 element.&#10;A) footer&#10;B) figcaption&#10;C) wrapper&#10;D) article

Accepted Answer

"wrapper" is not a valid HTML5 element.

Question 7

The ________ HTML5 element indicates a portion of a document, like a chapter or specific topic.&#10;A) header&#10;B) article&#10;C) aside&#10;D) section

Accepted Answer

The <section> HTML5 element is used to indicate a portion of a document that could be a chapter, introduction, conclusion, or any other logical section. It is meant to provide clarity and structure to the content of a webpage.

Question 8

How would you configure a hyperlink from the index.html file to another file named services.html which is located in the same folder? A) < a target="services.html" >Services< /a > B) < a href="services.html" > Services < /a > C) < a name="services.html" > Services < /a > D) < a > Services < /a >

Accepted Answer

The correct way to configure a hyperlink to another file in the same folder is to use the href attribute and specify the file name. Thus, option B is the correct choice. Options A and C are incorrect because they use the "target" and "name" attributes respectively, which do not specify the file name. Option D is also incorrect as it does not contain any information about the destination file.

Question 9

Include the keyword _____ in a media query to cause older, non-supporting browsers to ignore the media query.&#10;A) viewport&#10;B) meta&#10;C) skip&#10;D) only

Accepted Answer

The keyword "only" is used in a media query to prevent older browsers that do not support media queries from applying the given styles. This ensures that the styles within the media query are only applied by browsers that fully understand the media query syntax.

Question 10

Use the ______ value for the CSS display property to configure an element to not display.&#10;A) block&#10;B) none&#10;C) 0&#10;D) hide

Accepted Answer

The correct value for configuring an element to not display is "none". The value "block" displays the element as a block-level element, "0" is not a valid value for the display property, and "hide" is not a valid value for the display property.

Question 11

Choose the HTML5 element below that is used to configure an area on a web page that can stand on its own and could potentially be syndicated.&#10;A) div&#10;B) section&#10;C) article&#10;D) aside

Accepted Answer

The answer of Choose the HTML5 element below that is...

Question 12

Use the expression ___________________ in a media query to target devices with screens up to 480 pixels in width.&#10;A) (width: 480px)&#10;B) (max-width: 480px)&#10;C) (min-width: 480px;)&#10;D) (size: 480px;)

Accepted Answer

The answer of Use the expression ___________________ in a media...

Question 13

How would you link to the named fragment #school on the page resume.html from the home page of the site? A) < a href="resume.html#school" >Educational Background< /a > B) < a name="resume.html#school" > Educational Background < /a > C) < a link="resume.htmlschool" > Educational Background < /a > D) < a link="resume.html#school" > Educational Background < /a >

Accepted Answer

The answer of How would you link to the named...

Question 14

Components of responsive web design include:&#10;A) fluid layout, flexible images, media queries&#10;B) valid syntax, embedded CSS, media queries&#10;C) fluid layout, valid syntax, embedded CSS&#10;D) flexible images, media queries, valid syntax

Accepted Answer

The answer of Components of responsive web design include:&#10;A) fluid...

Question 15

How would you configure a hyperlink from the index.html file to another file named services.html which is located in a subfolder named categories? A) < a href="../categories/services.html" >Services< /a > B) < a href="categories/services.html" >Services< /a > C) < a href="services.html" >Services< /a > D) < a >Services< /a >

Accepted Answer

The answer of How would you configure a hyperlink from...

Question 16

The W3C's concept of _________relates to providing a single resource that is configured for optimal display on multiple types of devices.&#10;A) accessibility&#10;B) validation&#10;C) responsive web design&#10;D) One Web

Accepted Answer

The answer of The W3C's concept of _________relates to providing...

Question 17

The ________ meta tag configures scale and dimension on mobile web page display.&#10;A) flexible&#10;B) viewport&#10;C) fragment identifier&#10;D) media query

Accepted Answer

The answer of The ________ meta tag configures scale and...

Question 18

A hyperlink with the _____ scheme may cause a web browser on a mobile device to initiate a phone call.&#10;A) phone:&#10;B) sms;&#10;C) tel;&#10;D) mobile:

Accepted Answer

The answer of A hyperlink with the _____ scheme may...

Question 19

How would you define a fragment identifier at the top of a page, called "top"? A) < div id="top" > B) < div bookmark="top" > C) < div id="#top" > D) < div href="top" >

Accepted Answer

The answer of How would you define a fragment identifier...

Question 20

A ______ determines the capability of the mobile device, such as screen resolution, and directs browsers to CSS.&#10;A) flexible image&#10;B) viewport&#10;C) media query&#10;D) fragment identifier

Accepted Answer

The answer of A ______ determines the capability of the...

Deck 8: More on Links, Layout, and Mobile