Search This Blog

Tuesday, November 10, 2020

LinkedIn Assessment Test Answers - HTML

 

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

  •  The <track> tag is used for specifying subtitles. It is typically applied as a child of the <audio> and <video> tags.
  •  The <track> tag is used for specifying subtitles. It is typically applied as a child of the <video> tag.
  •  The <track> tag is used for specifying subtitles, captions, and other types of time-based text. It is typically applied as a child of the <video> tag.
  •  The <track> tag is used for specifying subtitles, captions, and other types of time-based text. It is typically applied as a child of the <audio> and <video> tag.

Q2. What are the best examples of void elements?

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

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

  •  <iframe>, <frame>, and <frameset>
  •  <frame>
  •  <iframe>
  •  <frame> and <frameset>

Q4. Where do <header> and <footer> tags typically occur?

  •  as children of <body>, <article>, <aside>, and <section> tags
  •  as children of <body>, <article>, and <section> tags
  •  as children of <body>, <article>, <aside>, <nav>, and <section> tags
  •  as children of <body>, <article>, <table>, and <section> tags

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

  •  <strong>
  •  Use CSS.
  •  <bold>
  •  <b>

Q6. When is the tag used?

  •  when linking style sheets, JavaScript, and icons for mobile apps
  •  when linking style sheets, favicons, and preloading assets
  •  when linking style sheets and favicons
  •  when linking style sheets, external URLs, and favicons

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

  •  <button><input><form>
  •  <input><label><meter>
  •  <input><option><textarea>
  •  <li><input><option>

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>

  •  itemscope itemtype="http://schema.org/PostalAddress"

  •  itemsref="http://schema.org/PostalAddress" itemid="address"

  •  itemscope itemref="http://schema.org/PostalAddress"

  •  itemid="address" itemtype="http://schema.org/PostalAddress"

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

  •  when the content can be removed without detracting from the page's message
  •  for anything you want to move to the side, like a pull quote box, a sidebar, or an image with text wrapping around it
  •  for anything in parentheses
  •  for anything in a sidebar

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

  •  <svg>, <picture>, <audio>, and <video>
  •  <picture>, <audio>, and <video>
  •  It is interchangeable with the src attribute, so any element which uses src may use <source>
  •  <audio> and <video>

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

  •  readonly
  •  max
  •  form
  •  spellcheck

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>
  • [x]
<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?

  •  It connects the web browser to a SA-MP server.
  •  It identifies enclosed text as a sampler or an example.
  •  It identifies sample output from a computer program.
  •  It uses a simple application messaging protocol to connect the browser to a texting device.

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

  •  Use <ul> when you want a bulleted list and <ol> when you want a numbered list.
  •  Use <ul> when you have a list of items in which the order of the items matters. Use <ol> when you have a list of items that could go in any order.
  •  Use <ol> when you want a bulleted list and <ul> when you want a numbered list.
  •  Use <ol> when you have a list of items in which the order of the items matters. Use <ul> when you have a list of items that could go in any order.

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

  •  post is used for sending information to the server. get is used for retrieving form information from the server.
  •  get is used for sending information to the server. post is used for retrieving form information from the server.
  •  With get, data is included in the form body when send to the server. With post, the data goes through the URL.
  •  With post, data is included in the form body when send to the server. With get, the data goes through the URL.

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

  •  <div> is used where a generic block-level tag is needed, while <span> is used where a generic inline tag is needed.
  •  <div> is used for major divisions on a page, while <span> is used to span across columns.
  •  <div> is the industry-standard default tag, but you could use <span> if you prefer.
  •  <div> is used where a generic inline tag is needed, while <span> is used where a generic block-level tag is needed.

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

<form method="post" action="mailto:info@linkedin.com" ____="text/plain" >
  •  enctype
  •  media
  •  type
  •  rel

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">
  • [x]
<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>
  •  It establishes that id is a unique identifier in the document, used for styling CSS, scripting, and linking within a webpage.
  •  It establishes that id is a unique identifier in the document, used for styling CSS and with Javascript code.
  •  It establishes that id may be used for styling CSS several times per page.
  •  It establishes that id is a unique identifier in the website, used for styling CSS, scripting, and linking within a webpage.

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."
  • [x]
<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>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>On July 21, 1969, Neil Armstrong said, <q>One small step for man, one giant leap for mankind.</q>
  • [ ]
<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>

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

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

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

  •  ordered list
  •  unordered list inside a nav element
  •  ordered list inside a nav element
  •  unordered list

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 value="Choice 2">
  <option value="Choice 3">
</datalist>
  • [ ]
<p>Make a choice:</p>
<input id="choices" name="example" />

<datalist value="choices">
  <option value="Choice 1">
  <option value="Choice 2">
  <option value="Choice 3">
</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>
  • [x]
<label for="example">Make a choice:</label>
<input list="choices" id="example" name="example" />

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

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

  •  The server wraps the webpage in an HTML5 wrapper.
  •  Use the <!DOCTYPE html> declaration that starts the document.
  •  The browser receives encoding from the server to display the document with HTML5.
  •  It is enclosed in a <html> tag.

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>
  •  It displays image1.jpg at 1000px and higher, image2.jpg at 750-999px, and image3.jpg at 749px and lower.
  •  It displays image1.jps at 1000px and higher and image2.jpg at 750-999px, image3.jpg is a default in case <picture> is not supported.
  •  It displays image1.jpg at 1000px and higher and image2.jpg at 750px and higher, image3.jpg is a default in case <picture> is not supported.
  •  It displays image1.jpg, image2.jpg and image3.jpg at 1000px and higher.

Q26. What code will produce the table shown below?

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>
  • [x]
<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 tag is depreciated and should not be used.
  •  It designates a topic shift within a section at the paragraph level.
  •  It draws a horizontal line.
  •  It designates a shift of topic at the section level.
Explanation

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>
  •  itemprop="aggregateRating" itemref="http://schema.org/AggregateRating"
  •  itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating
  •  itemid="aggregateRating" itemtype="http://schema.org/AggregateRating
  •  itemid="aggregateRating" itemref="http://schema.org/AggregateRating

Q29. Which HTML snippet links back to the very top of a webpage?

  • [x]
<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?

  •  <rb> <rp> <rt>
  •  <acronym> <code> <wbr>
  •  <hgroup> <q> <wbr>
  •  <b> <i> <u>

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.

  •  <kdb>, <pre>
  •  <pre>, <code>
  •  <kdb>, <mark>
  •  <code>, <pre>

Q32. What does the <label> tag do?

  •  It labels webpages with important information.
  •  It visually associates a text label with an interface element.
  •  It visually labels from fields.
  •  It programmatically associates a text label with an interface element.

Q33. To get a link to open in a new window or tab, use the ______ attribute.

  •  _blank
  •  _self
  •  _new
  •  _parent

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>
  • [x]
<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>
Note

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

-Office
  --Staple
  --Paper
-Groceries
  --Milk
  • [ ]
<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>
  • [x]
<ul>
  <li>office
    <ul>
      <li>staple</li>
      <li>paper</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>

Q36. What code will produce this table?

col1 (yellow)col2 (yellow)col3
first (yellow)second (yellow)third
  • [ ]
<table>
  <group cols=2 style='background-color:yellow'>
  <tr scope=row>
    <th>col1</th>
    <th>col2</th>
    <th>col3</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>col1</th>
    <th>col2</th>
    <th>col3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>
  • [x]
<table>
  <colgroup span=2 style=background-color:yellow>
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>

Q37. What should fill the blank below?

<link href="phone.css" rel="stylesheet" _____ ="print">
  •  title
  •  type
  •  device
  •  media

Q38. What is the best semantic way to mark up the layout shown?

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>
  • [x]
<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>?

  •  The element opener is <p>, the element closer is </p>, and the element information is info.
  •  The start tag is <p>, the end tag is </p>, and the enclosed HTML is info.
  •  The start tag is <p>, the end tag is </p>, and the element content is info.
  •  The start element is <p>, the end element is </p>, and the tag content is info.

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

  •  There is no difference. Both will render a button that submits a form.
  •  Both will submit a form. However, the <button> can have content other than text, like an image or nested HTML elements, while the <input> cannot.
  •  <input type="button"> has been deprecated in HTML5. You should use the <button> tag instead.
  •  Both will submit a form. However, the <input> can have content other than text, like an image or nested HTML elements, while the <button> cannot.

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

  •  <p>Press the <tt>Enter</tt> key to proceed.</p>
  •  <p>Press the <kbd>Enter</kbd> key to proceed.</p>
  •  <p>Press the <samp>Enter</samp> key to proceed.</p>
  •  <p>Press the Enter key to proceed.</p>

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>
  •  The browser chooses the first supported format to play with the browser's default controls.
  •  The browser chooses the best audio format to play with JavaScript-provided controls.
  •  The browser plays each sound file in order automatically. The user has controls to stop playback.
  •  The browser chooses the first supported sound file and will loop the sound until the user stops it.

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

  •  accesskey
  •  shortcut
  •  keyboard
  •  access

Q44. What is the correct way to code a link that, when clicked, will send an email to email@example.com with a subject of "Hello"?

  •  <a href="mailto:email@example.com&subject=Hello">Click me</a>
  •  <a href="mailto:email@example.com">Hello</a>
  •  <a href="mailto:email@example.com?subject=Hello">Click me</a>
  •  <a href="mailto:email@example.com?&subject=Hello">Click me</a>

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

  •  <DOCTYPE html>
  •  <html>
  •  <body>
  •  <root>

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>
  • [x]
<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>

Q47. Which choice is NOT a legal value for the name attribute within a <meta> tag?

  •  charset
  •  viewport
  •  generator
  •  author

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>
  • [x]
<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?

  •  It specifies an image that should display while the video downloads and until the video is played.
  •  It specifies an image that only displays if there is a problem with the video.
  •  It specifies an image that should display until the video is played.
  •  It specifies an image that should display while the video downloads.

Q50. What does this code do?

<audio controls src="sound.mp3" type="audio/mpeg">When does this text display?</audio>
  •  The text displays over the audio controls, unless CSS is used to position it elsewhere.
  •  The text displays under the audio controls.
  •  The text displays when the browser cannot play the sound.
  •  The text never displays.

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

  •  It allows raster images to be rendered on the webpage.
  •  It displays annotated images.
  •  It allows drawing on a bitmap via JavaScript.
  •  It allows vector images to be rendered on the webpage.

Q52. Which choice contains three valid block-level elements?

  •  <details> <abbr> <figcaption>
  •  <canvas> <select> <noscript>
  •  <dt> <table> <pre>
  •  <kbd> <p> <main>
at
Location: United States

2 comments:

  1. PatricaFebruary 8, 2022 at 10:27 AM

    Find Latest Linkedin Quiz

    ReplyDelete
  2. AnonymousMarch 13, 2022 at 8:38 AM

    Personal Growth Guide Blog For Digital Marketing, Business And Technology (It) Professionals: Linkedin Assessment Test Answers - Html >>>>> Download Now

    >>>>> Download Full

    Personal Growth Guide Blog For Digital Marketing, Business And Technology (It) Professionals: Linkedin Assessment Test Answers - Html >>>>> Download LINK

    >>>>> Download Now

    Personal Growth Guide Blog For Digital Marketing, Business And Technology (It) Professionals: Linkedin Assessment Test Answers - Html >>>>> Download Full

    >>>>> Download LINK

    ReplyDelete

Subscribe to: Post Comments (Atom)

🟢 LinkedIn Assessment Test Answers 2021 | 100% Correct Answers

LinkedIn Assessment Test Answers 2021 LinkedIn says that candidates who completed LinkedIn Skill Assessments  are significantly more likely ...