Quiz
Quizz 7 90-110
This quiz has a time limit, so it opens in the usual player.
Questions in this quiz (19)
1What is the purpose of <caption>?
- A<caption> provides captions for <audio>,<video>,<img>, and <table>.
- B<caption> provides captions to <table>.
- C<caption> provides captions for <audio>, <video>, and <table>.
- D<caption> provides captions for <img>, <audio>, and <video>.
2The value attribute is associated with which set of tags ?
- A<li>
<input>
<option> - B<input>
<option>
<textarea> - C<button>
<input>
<form> - D<input>
<label>
<meter>
- A<li>
3What is wrong with this code?
<img src="https://source.unsplash.com/random">- A<img> should be paired with a <caption> tag.
- BThe <img> element is missing an alt attribute.
- C<img> is not a valid HTML element. Instead, use <image src="..."/>.
- D<img> should be nested within a <figure> tag.
4Which choice is the most semantically correct markup for specifying the first definition of a term?
- A<p>The <dl>focal length</dl> of a lens gives the distance from the lens to the image sensor.</p>
- B<p>The <dfn>focal length<dfn> of a lens gives the distance from the lens to the image sensor.</p>
- C<p>The <dt>focal length</dt> of a lens gives the distance from the lens to the image sensor.</p>
- D<p>The <dd>focal length</dd> of a lens gives the distance from the lens to the image sensor.</p>
5How would you mark up a piece of ASCII art (an emoticon) in an accessible way?
- A<pre role="emoticon" aria-label="ASCII emoticon of a shrug">¯\_(ツ)_/¯</pre>
- B<pre role="img" aria-label="ASCII emoticon of a shrug">¯\_(ツ)_/¯</pre>
- C<dfn title="ASCII emoticon of a shrug">¯\_(ツ)_/¯</dfn>
- D<label for="art">ASCII emoticon of a shrug</label><pre role="img" id="art">¯\_(ツ)_/¯</pre>
6Which example is a standard way in HTML5 for adding author metadata to a page?
- A<metadata name="author" content="Author Name">
- B<meta name="author">Author Name</meta>
- C<meta name="creator" content="Author Name">
- D<meta name="author" content="Author Name">
7Given the following requirements, select the correct input configuration: An input that allows the user to select from a range of integer values between 0 and 100 (inclusive) in increments of 5.
- A<input type="range" min="0" max="100" by="5" />
- B<input type="range" min="0" max="100" step="5" />
- C<input type="number" min="0" max="100" step="5" />
- D<input type="number" min="0" max="100" by="5" />
8Which choice is valid markup for a <head> element?
- A<head class="Page Section Information" id="head"><title>Page Title</title></head>
- B<head><title>Page Title</title> <img src="favicon.icon" alt=""></head>
- C<head><title>Page Title</title> <data value="email">email@example.com</data></head>
- D<head><title>Page Title</title><address>email@example.com</address></head>
9 You need to add comments to the company blog. What is the most semantic markup for a list of comments?
- A<aside>
<h3>Comments</h3>
<article> First comment.</article>
<article> Second comment.</article>
</aside> - B<div aria="dpub-comments">
<h3>Comments</h3>
<div aria="dpub-comment"> First comment.</div>
<div aria="dpub-comment"> Second comment.</div>
</div> - C<aside>
<h3>Comments</h3>
<aside> First comment.</aside>
<aside> Second comment.</aside>
</aside> - D<div typeof="comments">
<h3>Comments</h3>
<div typeof="comment"> First comment.</div>
<div typeof="comment"> Second comment.</div>
</div>
- A<aside>
10To make something editable by the user, you need to set the _ attribute to _.
- Aaccess; allow
- BdesignMode; true
- Ccontenteditable; true
- Dcontenteditable; yes
11Which choice is the standard way to include a value in a form without making it visible to or editable by the user?
- A<input type="invisible" name="important" value="information">
- B<input type="text" style="display: none;" name="important" value="information">
- C<input type="hidden" name="important" value="information">
- D<input type="text" hidden name="important" value="information">
12What is the semantic way to add an identifying title to a table?
- A<table><label>Heading</label>...</table>
- B<table><title>Heading</title>...</table>
- C<table><legend>Heading</legend>...</table>
- D<table><caption>Heading</caption>...</table>
13Which image file referenced in this img element's srcset attribute should a browser on a small mobile phone load?
<img
srcset="medium.jpg 320w, large.jpg 1280w"
src="small.jpg"
alt="Our favorite image"
sizes="(min-width: 1200px) 640px, 100vw"
/>- Asmall.jpg
- Bmedium.jpg
- Cnone of them
- Dlarge.jpg
14Which description is coded correctly?
- A<dl>
<dt>Server</dt>
<dd>Software used to serve webpages, like Apache.</dd>
<dd> Hardware used to provide data to other computers.</dd>
<!-- Other terms and descriptions -->
</dl> - B<dt>
<dl>Server</dl>
<dd>Software used to serve webpages, like Apache.</dd>
<dd> Hardware used to provide data to other computers.</dd>
<!-- Other terms and descriptions -->
</dt> - C<dl>
<dt>Server</dt>
<dd>Software used to serve webpages, like Apache.</dd>
<dt> Hardware used to provide data to other computers.</dt>
<!-- Other terms and descriptions -->
</dl> - D<dl>
<dd>Server</dd>
<dt>Software used to serve webpages, like Apache.</dt>
<dt> Hardware used to provide data to other computers.</dt>
<!-- Other terms and descriptions -->
</dl>
- A<dl>
15What is wrong with this code?
<ul>
<h2>Espresso Drinks</h2>
<li>Espresso</li>
<li>Latte</li>
<li>Cappuccino</li>
<li>Mocha</li>
</ul>- ANothing is wrong.
- B<ul> cannot contain a heading element as a direct child.
- CAn <h1> should be used here instead of an <h2> tag.
- DOnly <ol> allows direct descendants to contain elements other than an <li>, so use an <ol> here instead.
16A designer gave you CSS code that should run only when the device rendering the page is in dark mode. How would you embed that code?
- A<style media="light-mode: false">/* CSS code */</style>
- B<style media="color-mode: dark">/* CSS code */</style>
- C<style media="prefers-color-scheme: dark">/* CSS code */</style>
- D<style media="color-scheme: dark">/* CSS code */</style>
17 How would you mark up a header for a table row?
- A<table>
<thead scope="row"><th row="1">Header</th></thead>
<tr>
<td>10</td>
<td>18</td>
</tr>
</table> - B<table>
<tr>
<th scope="row">Header</th>
<td>10</td>
<td>18</td>
</tr>
</table> - C<table>
<tr>
<thead scope="row">Header</thead>
<td>10</td>
<td>18</td>
</tr>
</table> - D<table>
<tr>
<th>Header</th>
<td>10</td>
<td>18</td>
</tr>
</table>
- A<table>
18Which statement is correct?
- AThe <main> element represents the dominant content of an <article> in a document.
- BThe <main> element represents the dominant content of a <section> of a document. You may have one <main> element per section.
- CThe <main> element represents the dominant content of your document. There can be only one <main> element that is not hidden.
- DThe <article> element represents the dominant content of your document. There can be only one <article> element that is not hidden.
19Which choice is the best way to code three choices within a form so that the user can select multiple items?
- A<input type="radio" name="example" /> Choice 1 <br />
<input type="radio" name="example" /> Choice 2 <br />
<input type="radio" name="example" /> Choice 3 - B<input type="checkbox" name="example" /> Choice 1 <br />
<input type="checkbox" name="example" /> Choice 2 <br />
<input type="checkbox" name="example" /> Choice 3 - C<label><input type="checkbox" name="example" /> Choice 1</label><br />
<label><input type="checkbox" name="example" /> Choice 2</label><br />
<label><input type="checkbox" name="example" /> Choice 3</label> - D<label><input type="radio" name="example" /> Choice 1</label><br />
<label><input type="radio" name="example" /> Choice 2</label><br />
<label><input type="radio" name="example" /> Choice 3</label>
- A<input type="radio" name="example" /> Choice 1 <br />
Information
- Description
- Linkedin Html skill assessments quizzes Quiz on Quizz 7 90-110, created by Nouri Atef on 20/06/2022.
- Author
- Nouri Atef
- Language
- English
- Views
- 0
- Tags
- Rating
- No ratings yet Rate this quiz