linkedin-skill-assessments-quizzes

HTML

Q1. What is the purpose of the <track> tag, and when should it be used?

Q2. What are the best examples of void elements?

Q3. In HTML5, which tag or tags embed a webpage inside of a webpage?

Q5. What is the best way to apply bold styling to text?

Q7. The “value” attribute is associated with which set of tags?

Q8. What should fill the two blanks in the HTML code below?

<address ______ _____>
  <span itemprop="streetAddress">6410 Via Real</span><br />
  <span itemprop="addressLocality">Carpinteria</span>,
  <span itemprop="addressRegion">CA</span>
  <span itemprop="addressCode">93013</span>
</address>

Q9. When should you use the <aside> element?

Q10. With which tags is the <source> element associated?

Q11. What is NOT a valid attribute for the <textarea> element?

Q12. What is the best way to code the sample shown?

Sample text

<details>
  <summary>Parmesan Deviled Eggs</summary>
  <p>
    These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
  </p>
</details>
<h4>▸ Parmesan Deviled Eggs</h4>
<p>
  These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
</p>
<details open>
  <summary>Parmesan Deviled Eggs</summary>
  <p>
    These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
  </p>
</details>
<details>
  <h4>▸ Parmesan Deviled Eggs</h4>
  <p>
    These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
  </p>
</details>

Q13. What is the purpose of the <samp> element?

Q14. When should you use <ol> and <ul> elements?

Q15. What is the difference between the post and get methods in a form?

Q16. What is the difference between the <div> and <span> tags?

Q17. What should fill the blank in the HTML code bellow?

<form method="post" action="mailto:info@linkedin.com" ____="text/plain"></form>

Q18. What is the correct markup for alt attribute of an image?

<img src="cubism.jpg" alt="Version of ""Whistler's Mother"" in cubist style">
<img src="cubism.jpg" alt="Version of "Whistler's Mother" in cubist style">
<img src="cubism.jpg" alt='Version of "Whistler\'s Mother" in cubist style'>
<img src="cubism.jpg" alt="Version of \"Whistler's Mother\" in cubist style">

Q19. In the code below, what is the purpose of the id attribute?

<p id="warning">Be careful when installing this product.</p>

Q20. What is the best semantic markup for the sentence shown?

On July 21, 1969, Neil Armstrong said, "One small step for man, one giant leap for mankind."
<p>
  On <time datetime="1969-07-21">July 21, 1969</time>, Neil Armstrong said,
  <q cite="https://www.hq.nasa.gov/alsj/a11l/a11.html"
    >One small step for man, one giant leap for mankind.</q
  >
</p>
<p>
  On July 21, 1969, Neil Armstrong said,
  <q cite="https://www.hq.nasa.gov/alsj/a11l/a11.html"
    >One small step for man, one giant leap for mankind.</q
  >
</p>
<p>
  On July 21, 1969, Neil Armstrong said, <q>One small step for man, one giant leap for mankind.</q>
</p>
<p>
  On <time datetime="07-21-1969">July 21, 1969</time>, Neil Armstrong said,
  <q cite="https://www.hq.nasa.gov/alsj/a11l/a11.html"
    >One small step for man, one giant leap for mankind.</q
  >
</p>

Q21. What should fill the blank in this HTML code?

<a href="https://es.yahoo.com/" hreflang="____" target="_blank">Visita Yahoo</a>

Q22. Review the text in the red box in the image shown. What is the best way to code this in HTML?

Image of footer

Q23. What is the best way to code three choices within a form so that the user can select only one item?

<label for="example">Make a choice:</label>
<datalist id="example">

  <option value="Choice 1"></option>
  <option value="Choice 2"></option>
  <option value="Choice 3"></option>
</datalist>
<p>Make a choice:</p>
<input id="choices" name="example" />

<datalist value="choices">
  <option value="Choice 1"></option>
  <option value="Choice 2"></option>
  <option value="Choice 3"></option>
</datalist>
<label for="example">Make a choice:</label>
<input list="example" id="choices" name="choices" />

<datalist id="choices">
  <option value="Choice 1">Choice 1</option>
  <option value="Choice 2">Choice 2</option>
  <option value="Choice 3">Choice 3</option>
</datalist>
<label for="example">Make a choice:</label>
<input list="choices" id="example" name="example" />

<datalist id="choices">
  <option value="Choice 1"></option>
  <option value="Choice 2"></option>
  <option value="Choice 3"></option>
</datalist>

Q24. How do you confirm that a document is written in HTML5?

Q25. What does the code shown below accomplish?

<picture>
  <source srcset="image1.jpg" media="(min-width: 1000px)" />
  <source srcset="image2.jpg" media="(min-width: 750px)" />
  <img src="image3.jpg" />
</picture>

Q26. What code will produce this table?

Table with yellow background

<table>
  <scope cols="2" style="background-color: yellow">
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>
<table>
  <colgroup span="2" style="background-color: yellow">
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>
<table>
  <group cols="2" style="background-color: yellow">
  <tr scope="row">
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr scope="row">
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>
<table>
  <columns colspan="2" style="background-color: yellow">
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>

Q27. What is the <hr>tag typically used for?

This is a confusing question and there can be an arguments for both the second and the third options being correct. From MDN: The HTML <hr> element represents a thematic break between paragraph-level elements. Historically, this has been presented as a horizontal rule or line. While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms, so if you wish to draw a horizontal line, you should do so using appropriate CSS.

Q28. What should fill the two blanks in the HTML code below?

<section itemscope itemtype="http://schema.org/Restaurant">
  <h1 itemprop="name">Nadia's Garden</h1>
  <p itemscope ______ ______>
    <span itemprop="ratingValue">4.5</span> stars - based on
    <span itemprop="reviewCount">120</span> reviews
  </p>
</section>
<a id="top"></a>

<!-- placed at the top of the page -->

<a href="#top">back to top</a>
<a name="top"></a>

<!-- placed at the top of the page -->

<a href="#top">back to top</a>
<a href="#">back to top</a> <a href="#top">back to top</a>
<button href="#">back to top</button> <button href="#top">back to top</button>

Q30. Which three tags where deprecated in HTML4 but returned to HTML5?

Q31. The **\_\_** tag is used for marking up a short code snippet, while the **\_\_** tag is used for marking up a longer block of code.

Q32. What does the <label> tag do?

Q34. What is the most semantically accurate way to mark up the sentence shown below? Note: “TLAs” stands for “three-letter acronyms.”

We are fond of our TLAs in web design.

<p>We are fond of our <span title="three-letter acronyms">TLAs</span> in web design.</p>
<p>We are fond of our TLAs in web design.</p>
<p>we are fond of our <abbr title="three-letter acronyms">TLAs</abbr> in web design.</p>
<p>we are fond of our <acronym title="three-letter acronym">TLAs</acronym> in web design.</p>

<acronym> has been removed in HTML5 and shouldn’t be used anymore. Instead web developers should use the <abbr> element.

Q35. What is the correctly nested markup for this list?

Sample list

<ul>
  <li>
    office
    <ol style="circle">
      <li>staple</li>
      <li>paper</li>
    </ol>
  </li>
  <li>
    groceries
    <ol style="circle">
      <li>milk</li>
    </ol>
  </li>
</ul>
<ul>
  <li>Office Supplies
    <ul>
      <li>Stapler</li>
      <li>Paper clips</li>
    </ul>
  </li>
  <li>Groceries
    <ul>
      <li>Milk</li>
    </ul>
  </li>
</ul>
<ul>
  <li>office</li>
  <li>staple</li>
  <li>paper</li>
  <li>groceries</li>
  <li>milk</li>
</ul>

Q37. What should fill the blank below?

<link href="phone.css" rel="stylesheet" _____="print" />

Q38. What is semantically correct way to mark up this layout?

quote

<p>
  "Making money is what you have to do to sustain a business—being driven to make something of value
  and purpose is much more powerful."
</p>
<p><em>Lynda Weinman</em></p>
<blockquote>
  <q
    >"Making money is what you have to do to sustain a business—being driven to make something of
    value and purpose is much more powerful."</q
  >
  <cite><em>Lynda Weinman</em></cite>
</blockquote>
<blockquote>
  <p>
    "Making money is what you have to do to sustain a business—being driven to make something of
    value and purpose is much more powerful."
  </p>
  <cite>Lynda Weinman</cite>
</blockquote>
<section>
  <q
    >"Making money is what you have to do to sustain a business—being driven to make something of
    value and purpose is much more powerful."</q
  >
  <cite>Lynda Weinman</cite>
</section>

Q39. Which choice uses the correct terminology in describing this markup: <p>info</p>?

Q40. What is the difference between <input type="submit" value="click me"> and <button type="submit">Click me</button>?

Q41. What is the best semantic way to indicate that text refers to keyboard entry?

Q42. What does this code do?

<audio controls>
  <source src="sound.mp3" type="audio/mpeg" />
  <source src="sound.ogg" type="audio/ogg" />
  <source src="sound.wav" type="audio/wav" />
</audio>

Q43. What attribute applies a keyboard shortcut hint to the current element?

Q45. Which tag is the root element of an HTML document?

Q46. Which code snippet creates the layout shown, starting at <table> and ending at </table>?

Table

<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
</tr>
<tr>
  <td rowspan="2">Table cell 3</td>
</tr>
<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
  <td>Table cell 3</td>
</tr>
<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
</tr>
<tr>
  <td colspan="2">Table cell 3</td>
</tr>
<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
</tr>
<tr>
  <td>Table cell 3</td>
</tr>

Q48. Which form is coded correctly?

<form>
  <legend>Title</legend>
  <fieldset>
    <label for="name">Your name:</label>
    <input type="text" name="name" id="name" />
    <button type="submit">Submit</button>
  </fieldset>
</form>
<form>
  <fieldset>
    <legend>Title</legend>
    <p>Your name:</p>
    <input type="text" name="name" id="name" />
    <input type="submit" value="Submit" />
  </fieldset>
</form>
<form>
  <fieldset>
    <legend>Title</legend>
    <label for="name">Your name:</label>
    <input type="text" name="name" id="name" />
    <button type="submit">Submit</button>
  </fieldset>
</form>
<form>
  <legend>Title</legend>
  <label for="name">Your name:</label>
  <input type="text" name="name" id="name" />
  <input type="submit" value="Submit" />
</form>

Q49. What does the poster attribute do in the <video> tag?

Q50. What does this code do?

<audio controls src="sound.mp3" type="audio/mpeg">When does this text display?</audio>

Q51. What is the primary purpose of the <canvas> tag?

Q52. Which choice contains three valid block-level elements?</li>

Q53. In the code below, what is the purpose of the lang attribute?

<p lang="en-GB">Welcome to our wonderful website.</p>

Q54. Which image formats can be displayed by all web browsers?

Q55. Review the code below. What is the absolute URL for a page called page.html?

<base href="http://www.linkedin.com/dir/" />

Q56. What is the correct way to include a stylesheet named style.css in the <head> of your document?

Q57. You want to have single spacing in between some lines, like in a poem or an address. Which approach should you use?

Q58.What does the <wbr> tag do?

<ul>
  <li><!a href="#">Link 1</a></li>
  <li><!a href="#">Link 2</a>
    <ul>
      <li><!a href="#">Link 2a</a></li>
    </ul>
  </li>
  <li><!a href="#">Link 3</a></li>
</ul>
<nav><ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
    <ul>
      <li><a href="#">Link 2a</a></li>
    </ul>
  <li><a href="#">Link 3</a></li> 
</ul></nav>
<nav><ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a>
    <ul>
      <li><a href="#">Link 2a</a></li>
    </ul>
  </li>
  <li><a href="#">Link 3</a></li>
</ul></nav>
<ul><nav>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a>
    <ul><nav>
      <li><a href="#">Link 2a</a></li>
    </nav></ul>
  </li>
  <li><a href="#">Link 3</a></li>
</nav></ul>
<nav><ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <nav><ul>
    <li><a href="#">Link 2a</a></li>
  </ul></nav>
  <li><a href="#">Link 3</a></li>
</ul></nav>

Q60. What is the correct way to code a comment in HTML?

Q61. Which statement is false?

Q62. What is the best semantic to use Quotes in HTML?

Steve Kruz Said: "He will Win"

Q63. What is the root element of an HTML document?

Q64. What is the semantic meaning of the <hr> tag?

Q65. How will a video look displayed on a fully loaded webpage if the <video> tag is used and the autoplay attribute is not set?

Reference (w3schools)

Q66. What is the correct way to describe an empty element?

Reference (MDN Web Docs)

Q67. What is the purpose of async in this code?

<script async src="myscript.js"></script>

Q68. What does this code?

<audio autoplay loop src="sound.mp3" type="audio/mpeg"></audio>

Reference(MDN)

Q69. What is the difference between the <head> and <header> tags?

Q70. In this code, what is the purpose of defer?

<script defer src="myscript.js"></script>

Q71. The code below contains some errors. Which choice corrects all of the errors?

<table>
  <tr>
    Cell 1
  </tr>
  <td>Cell 2</td>
  <caption>
    A table
  </caption>
</table>
<caption>A table</caption>
  <table>
    <td>
      <tr>Cell 1</tr>
      <tr>Cell 2</tr>
    </td>
  </table>
<caption>A table</caption>
<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>
<table>
  <caption>A table</caption>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>
<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
  <caption>A table</caption>
</table>

Image of footer

Q73. When should you use the <article> element?

Reference (MDN)

Q74. Which list comprises three empty elements?

<area>
<embed>
<strong>
<input>
<br>
<p>
<link>
<meta>
<title>
<wbr>
<base>
<source>

Q75. Which snippet of HTML, when clicked, makes a phone call on a mobile device?

Q76. What is the purpose of the class attribute?

Reference (MDN)

Reference (MDN)

Q78. What is the most semantic way to mark up this sentence so that “happy talk must die” is rendered as an inline quote?

As Steve Krug once said, happy talk must die.