Here, We see HTML LinkedIn Skill Assessment Answer. This assessment test consists 15-20 MCQs to demonstrate your knowledge in your selected skills. MCQs comes from different topics – Beyond HTML; HTML Fundamentals; Images, Sound, and Video; Tables and Mathematics; Web for All.
HTML LinkedIn Skill Assessment :-
Q1. What is the purpose of the
- The
tag is used for specifying subtitles. It is typically applied as a child of theandtags. - The
tag is used for specifying subtitles. It is typically applied as a child of thetag. - The
tag is used for specifying subtitles, captions, and other types of time-based text. It is typically applied as a child of thetag. - The
tag is used for specifying subtitles, captions, and other types of time-based text. It is typically applied as a child of theandtag.✔️
Q2. What are the best examples of void elements?
</code></li> <li><strong><code><br /><base><source></code>✔️</strong></li> <li><code><input> <p></code></li> <li><code><br /> <area><embed><strong></code></li> </ol> <h2><strong>Q3. In HTML5, which tag or tags embed a webpage inside of a webpage?</strong></h2> <ol> <li><code><iframe>, <frame>, and <frameset></code></li> <li><code><frame></code></li> <li><strong><code><iframe></code>✔️</strong></li> <li><code><frame> and <frameset></code></li> </ol> <h2><strong>Q4. Where do <code></p> <header></code> and <code></p> <footer></code> tags typically occur?</strong></h2> <ol> <li>as children of <code><body>,<br /> <article>, </p> <aside>, and </p> <section></code> tags</li> <li><strong>as children of <code><body>,<br /> <article>, and </p> <section></code> tags✔️</strong></li> <li>as children of <code><body>,<br /> <article>, </p> <aside>, </p> <nav>, and </p> <section></code> tags</li> <li>as children of <code><body>,<br /> <article>, </p> <table>, and </p> <section></code> tags</li> </ol> <h2><strong>Q5. What is the best way to apply bold styling to text?</strong></h2> <ol> <li><strong><code><strong></code>✔️</strong></li> <li>Use CSS.</li> <li><code><bold></code></li> <li><code><b></code></li> </ol> <h2><strong>Q6. When is the <code><link></code> tag used?</strong></h2> <ol> <li>when linking style sheets, JavaScript, and icons for mobile apps</li> <li><strong>when linking style sheets, favicons, and preloading assets✔️</strong></li> <li>when linking one webpage to another</li> <li>when linking style sheets, external URLs, and favicons</li> </ol> <h2><strong>Q7. The “value” attribute is associated with which set of tags?</strong></h2> <ol> <li><code><button><input><br /> <form></code></li> <li><code><input><label><meter></code></li> <li><code><input><option><textarea></code></li> <li><strong><code> <li><input><option></code>✔️</strong></li> </ol> <h2><strong>Q8. What should fill the two blanks in the HTML code below?</strong></h2> <pre><code class="language-html"><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> </code></pre> <ol> <li><strong><code>itemscope</code> <code>itemtype="http://schema.org/PostalAddress"</code>✔️</strong></li> <li><code>itemsref="http://schema.org/PostalAddress"</code> <code>itemid="address"</code></li> <li><code>itemscope</code> <code>itemref="http://schema.org/PostalAddress"</code></li> <li><code>itemid="address"</code> <code>itemtype="http://schema.org/PostalAddress"</code></li> </ol> <h2><strong>Q9. When should you use the <code></p> <aside></code> element?</strong></h2> <ol> <li><strong>when the content can be removed without detracting from the page’s message✔️</strong></li> <li>for anything you want to move to the side, like a pull quote box, a sidebar, or an image with text wrapping around it</li> <li>for anything in parentheses</li> <li>for anything in a sidebar</li> </ol> <h2><strong>Q10. With which tags is the <code><source></code> element associated?</strong></h2> <ol> <li><code><svg>, <picture>, <audio>, and <video></code></li> <li><strong><code><picture>, <audio>, and <video></code>✔️</strong></li> <li>It is interchangeable with the <code>src</code> attribute, so any element which uses <code>src</code> may use <code><source></code></li> <li><code><audio>and <video></code></li> </ol> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="71"> <h2><strong>Q11. What is NOT a valid attribute for the <code><textarea></code> element?</strong></h2> <ol> <li>readonly</li> <li><strong>max✔️</strong></li> <li>form</li> <li>spellcheck</li> </ol> <h2><strong>Q12. What is the best way to code the sample shown?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q12.png?w=1400&ssl=1" alt="HTML LinkedIn Skill Assessment Answer q12" width="522" height="201" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMSIgd2lkdGg9IjUyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></p> <ol> <li>A</li> </ol> <pre><code class="language-html"><details> <summary>Parmesan Deviled Eggs</summary> <p> These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts. </p> </details> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-html"><h4>▸ Parmesan Deviled Eggs</h4> <p> These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts. </p> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-html"><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> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-html"><details> <h4>▸ Parmesan Deviled Eggs</h4> <p> These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts. </p> </details> </code></pre> <h2><strong>Q13. What is the purpose of the <code><samp></code> element?</strong></h2> <ol> <li>It connects the web browser to a SA-MP server.</li> <li>It identifies enclosed text as a sampler or an example.</li> <li><strong>It identifies sample output from a computer program.✔️</strong></li> <li>It uses a simple application messaging protocol to connect the browser to a texting device.</li> </ol> <h2><strong>Q14. When should you use <code></p> <ol></code> and <code></p> <ul></code> elements?</strong></h2> <ol> <li><strong>Use <code> <ul></code> when you want a bulleted list and <code></p> <ol></code> when you want a numbered list.✔️</strong></li> <li>Use <code> <ul></code> when you have a list of items in which the order of the items matters. Use <code></p> <ol></code> when you have a list of items that could go in any order.</li> <li>Use <code> <ol></code> when you want a bulleted list and <code></p> <ul></code> when you want a numbered list.</li> <li>Use <code> <ol></code> when you have a list of items in which the order of the items matters. Use <code></p> <ul></code> when you have a list of items that could go in any order.</li> </ol> <h2><strong>Q15. What is the difference between the post and get methods in a form?</strong></h2> <ol> <li>post is used for sending information to the server. get is used for retrieving form information from the server.</li> <li>get is used for sending information to the server. post is used for retrieving form information from the server.</li> <li>With get, data is included in the form body when send to the server. With post, the data goes through the URL.</li> <li><strong>With post, data is included in the form body when send to the server. With get, the data goes through the URL.✔️</strong></li> </ol> <h2><strong>Q16. What is the difference between the <code></p> <div></code> and <code><span></code> tags?</strong></h2> <ol> <li><strong><code> <div></code> is used where a generic block-level tag is needed, while <code><span></code> is used where a generic inline tag is needed.✔️</strong></li> <li><code> <div></code> is used for major divisions on a page, while <code><span></code> is used to span across columns.</li> <li><code> <div></code> is the industry-standard default tag, but you could use <code><span></code> if you prefer.</li> <li><code> <div></code> is used where a generic inline tag is needed, while <code><span></code> is used where a generic block-level tag is needed.</li> </ol> <h2><strong>Q17. What should fill the blank in the HTML code bellow?</strong></h2> <pre><code class="language-html"><form method="post" action="mailto:info@linkedin.com" ____="text/plain"></form> </code></pre> <ol> <li><strong>enctype✔️</strong></li> <li>media</li> <li>type</li> <li>rel</li> </ol> <h2><strong>Q18. What is the correct markup for <code>alt</code> attribute of an image?</strong></h2> <ol> <li>A</li> </ol> <pre><code class="language-html"><img decoding="async" src="cubism.jpg" alt="Version of ""Whistler's Mother"" in cubist style"> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-html"><img decoding="async" src="cubism.jpg" alt="Version of "Whistler's Mother" in cubist style"> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-html"><img decoding="async" src="cubism.jpg" alt='Version of "Whistler's Mother" in cubist style'> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-html"><img decoding="async" src="cubism.jpg" alt="Version of "Whistler's Mother" in cubist style"> </code></pre> <h2><strong>Q19. In the code below, what is the purpose of the <strong>id</strong> attribute?</strong></h2> <pre><code class="language-html"><p id="warning">Be careful when installing this product.</p> </code></pre> <ol> <li><strong>It establishes that id is a unique identifier in the document, used for styling CSS, scripting, and linking within a webpage.✔️</strong></li> <li>It establishes that id is a unique identifier in the document, used for styling CSS and with Javascript code.</li> <li>It establishes that id may be used for styling CSS several times per page.</li> <li>It establishes that id is a unique identifier in the website, used for styling CSS, scripting, and linking within a webpage.</li> </ol> <h2><strong>Q20. What is the best semantic markup for the sentence shown?</strong></h2> <pre><code class="language-markdown">On July 21, 1969, Neil Armstrong said, "One small step for man, one giant leap for mankind." </code></pre> <ol> <li><strong>A✔️</strong></li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-markdown"><p> On July 21, 1969, Neil Armstrong said, <q>One small step for man, one giant leap for mankind.</q> </p> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><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> </code></pre> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="50"> <h2><strong>Q21. What should fill the blank in this HTML code?</strong></h2> <pre><code class="language-html"><a href="https://es.yahoo.com/" hreflang="____" target="_blank" rel="noopener">Visita Yahoo</a> </code></pre> <ol> <li>es</li> <li>es-spanish</li> <li><strong>es-es✔️</strong></li> <li>spanish</li> </ol> <h2><strong>Q22. Review the text in the red box in the image shown. What is the best way to code this in HTML?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q22.png?w=1400&ssl=1" alt="HTML LinkedIn Skill Assessment Answer q22" width="752" height="274" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI3NCIgd2lkdGg9Ijc1MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></p> <ol> <li>ordered list</li> <li><strong>unordered list inside a nav element✔️</strong></li> <li>ordered list inside a nav element</li> <li>unordered list</li> </ol> <h2><strong>Q23. What is the best way to code three choices within a form so that the user can select only one item?</strong></h2> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="4"> <li><strong>D✔️</strong></li> </ol> <pre><code class="language-markdown"><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> </code></pre> <h2><strong>Q24. How do you confirm that a document is written in HTML5?</strong></h2> <ol> <li>The server wraps the webpage in an HTML5 wrapper.</li> <li><strong>Use the <code><!DOCTYPE html></code> declaration that starts the document.✔️</strong></li> <li>The browser receives encoding from the server to display the document with HTML5.</li> <li>It is enclosed in a <code><html></code> tag.</li> </ol> <h2><strong>Q25. What does the code shown below accomplish?</strong></h2> <pre><code class="language-html"><picture> <source srcset="image1.jpg" media="(min-width: 1000px)" /> <source srcset="image2.jpg" media="(min-width: 750px)" /> <img decoding="async" src="image3.jpg" /> </picture> </code></pre> <ol> <li>It displays image1.jpg at 1000px and higher, image2.jpg at 750-999px, and image3.jpg at 749px and lower.</li> <li>It displays image1.jps at 1000px and higher and image2.jpg at 750-999px, image3.jpg is a default in case <code><picture></code> is not supported.</li> <li><strong>It displays image1.jpg at 1000px and higher and image2.jpg at 750px and higher, image3.jpg is a default in case <code><picture></code> is not supported.✔️</strong></li> <li>It displays image1.jpg, image2.jpg and image3.jpg at 1000px and higher.</li> </ol> <h2><strong>Q26. What code will produce this table?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q26.png?w=1400&ssl=1" alt="Table with yellow background" width="163" height="67" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY3IiB3aWR0aD0iMTYzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer></amp-img></p> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="2"> <li><strong>B✔️</strong></li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <h2><strong>Q27. What is the <code></p> <hr /> <p></code>tag typically used for?</strong></h2> <ol> <li>This tag is depreciated and should not be used.</li> <li><strong>It designates a topic shift within a section at the paragraph level.✔️</strong></li> <li>It draws a horizontal line.</li> <li>It designates a shift of topic at the section level.</li> </ol> <h2><strong>Q28. What should fill the two blanks in the HTML code below?</strong></h2> <pre><code class="language-markdown"><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> </code></pre> <ol> <li><code>itemprop="aggregateRating" itemref="http://schema.org/AggregateRating"</code></li> <li><strong><code>itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating"</code>✔️</strong></li> <li><code>itemid="aggregateRating" itemtype="http://schema.org/AggregateRating"</code></li> <li><code>itemid="aggregateRating" itemref="http://schema.org/AggregateRating"</code></li> </ol> <h2><strong>Q29. Which HTML snippet links back to the very top of a webpage?</strong></h2> <ol> <li><strong>A✔️</strong></li> </ol> <pre><code class="language-markdown"><a id="top"></a> <!-- placed at the top of the page --> <a href="#top">back to top</a> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-markdown"><a name="top"></a> <!-- placed at the top of the page --> <a href="#top">back to top</a> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-markdown"><a href="#">back to top</a> <a href="#top">back to top</a> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><button href="#">back to top</button> <button href="#top">back to top</button> </code></pre> <h2><strong>Q30. Which three tags where deprecated in HTML4 but returned to HTML5?</strong></h2> <ol> <li><strong><code><rb> <rp> <rt></code>✔️</strong></li> <li><code><acronym> <code> <wbr></code></li> <li><code><br /> <hgroup> <q> <wbr></code></li> <li><code><b> <i> <u></code></li> </ol> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="41"> <h2><strong>Q31. The <strong>_</strong> tag is used for marking up a short code snippet, while the <strong>_</strong> tag is used for marking up a longer block of code</strong></h2> <ol> <li><code><kdb></code>, <code> <pre></code></li> <li><code><pre></code>, <code><code></code></li> <li><code><kdb></code>, <code><mark></code></li> <li><strong><code><code></code>, <code><pre></code>✔️</strong></li> </ol><h2><strong>Q32. What does the <code><label></code> tag do?</strong></h2> <ol><li>It labels webpages with important information.</li> <li>It visually associates a text label with an interface element.</li> <li>It visually labels from fields.</li> <li><strong>It programmatically associates a text label with an interface element.✔️</strong></li> </ol><h2><strong>Q33. To get a link to open in a new window or tab, use the <strong>_</strong> attribute</strong></h2> <ol><li><strong><code>_blank</code>✔️</strong></li> <li><code>_self</code></li> <li><code>_new</code></li> <li><code>_parent</code></li> </ol><h2><strong>Q34. What is the most semantically accurate way to mark up the sentence shown below? Note: "TLAs" stands for "three-letter acronyms."</strong></h2> <p><strong>We are fond of our TLAs in web design.</strong></p> <ol><li>A</li> </ol><pre><code class="language-html"><p>We are fond of our <span title="three-letter acronyms">TLAs</span> in web design.</p> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-html"><p>We are fond of our TLAs in web design.</p> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-html"><p>we are fond of our <abbr title="three-letter acronyms">TLAs</abbr> in web design.</p> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-html"><p>we are fond of our <acronym title="three-letter acronym">TLAs</acronym> in web design.</p> </code></pre> <p><code><acronym></code> has been removed in HTML5 and shouldn’t be used anymore. Instead web developers should use the <code><abbr></code> element.</p> <h2><strong>Q35. What is the correctly nested markup for this list?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q35.png?w=1400&ssl=1" alt="HTML LinkedIn Skill Assessment Answer q35" width="640" height="360" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM2MCIgd2lkdGg9IjY0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></p> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="2"> <li><strong>B✔️</strong></li> </ol> <pre><code class="language-markdown"><ul> <li>Office Supplies <ul> <li>Stapler</li> <li>Paper clips</li> </ul> </li> <li>Groceries <ul> <li>Milk</li> </ul> </li> </ul> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-markdown"><ul> <li>office</li> <li>staple</li> <li>paper</li> <li>groceries</li> <li>milk</li> </ul> </code></pre> <h2><strong>Q37. What should fill the blank below?</strong></h2> <pre><code class="language-html"> </code></pre> <ol> <li>title</li> <li>type</li> <li>device</li> <li><strong>media✔️</strong></li> </ol> <h2><strong>Q38. What is semantically correct way to mark up this layout?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q38.png?w=1400&ssl=1" alt="HTML LinkedIn Skill Assessment Answer q38" width="489" height="282" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4MiIgd2lkdGg9IjQ4OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></p> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <h2><strong>Q39. Which choice uses the correct terminology in describing this markup: <code></p> <p>info</p> <p></code>?</strong></h2> <ol> <li>The element opener is <code> <p></code>, the element closer is <code></p> <p></code>, and the element information is info.</li> <li>The start tag is <code> <p></code>, the end tag is <code></p> <p></code>, and the enclosed HTML is info.</li> <li><strong>The start tag is <code> <p></code>, the end tag is <code></p> <p></code>, and the element content is info.✔️</strong></li> <li>The start element is <code> <p></code>, the end element is <code></p> <p></code>, and the tag content is info.</li> </ol> <h2><strong>Q40. What is the difference between <code><input type="submit" value="click me"></code> and <code><button type="submit">Click me</button></code>?</strong></h2> <ol> <li>There is no difference. Both will render a button that submits a form.</li> <li><strong>Both will submit a form. However, the <code><button></code> can have content other than text, like an image or nested HTML elements, while the <code><input></code> cannot.✔️</strong></li> <li><code><input type="button"></code> has been deprecated in HTML5. You should use the <code><button></code> tag instead.</li> <li>Both will submit a form. However, the <code><input></code> can have content other than text, like an image or nested HTML elements, while the <code><button></code> cannot.</li> </ol> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="30"> <h2><strong>Q41. What is the best semantic way to indicate that text refers to keyboard entry?</strong></h2> <ol> <li><code> <p>Press the <tt>Enter</tt> key to proceed.</p> <p></code></li> <li><strong><code> <p>Press the <kbd>Enter</kbd> key to proceed.</p> <p></code>✔️</strong></li> <li><code> <p>Press the <samp>Enter</samp> key to proceed.</p> <p></code></li> <li><code> <p>Press the Enter key to proceed.</p> <p></code></li> </ol> <h2><strong>Q42. What does this code do?</strong></h2> <pre><code class="language-markdown"><audio controls> <source src="sound.mp3" type="audio/mpeg" /> <source src="sound.ogg" type="audio/ogg" /> <source src="sound.wav" type="audio/wav" /> </audio> </code></pre> <ol> <li><strong>The browser chooses the first supported format to play with the browser’s default controls.✔️</strong></li> <li>The browser chooses the best audio format to play with JavaScript-provided controls.</li> <li>The browser plays each sound file in order automatically. The user has controls to stop playback.</li> <li>The browser chooses the first supported sound file and will loop the sound until the user stops it.</li> </ol> <h2><strong>Q43. What attribute applies a keyboard shortcut hint to the current element?</strong></h2> <ol> <li><strong><code>accesskey</code>✔️</strong></li> <li><code>shortcut</code></li> <li><code>keyboard</code></li> <li><code>access</code></li> </ol> <h2><strong>Q44. What is the correct way to code a link that, when clicked, will send an email to <code>email@example.com</code> with a subject of "Hello"?</strong></h2> <ol> <li><code><a href="mailto:email@example.com&subject=Hello">Click me</a></code></li> <li><code><a href="mailto:email@example.com">Hello</a></code></li> <li><strong><code><a href="mailto:email@example.com?subject=Hello">Click me</a></code>✔️</strong></li> <li><code><a href="mailto:email@example.com?&subject=Hello">Click me</a></code></li> </ol> <h2><strong>Q45. Which tag is the root element of an HTML document?</strong></h2> <ol> <li><code><doctype html></code></li> <li><strong><code><html></code>✔️</strong></li> <li><code><body></code></li> <li><code><root></code></li> </ol> <h2><strong>Q46. Which code snippet creates the layout shown, starting at <code></p> <table></code> and ending at <code></table> <p></code>?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q46.png?w=1400&ssl=1" alt="Table" width="400" height="133" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzMyIgd2lkdGg9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></p> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><tr> <td>Table cell 1</td> <td>Table cell 2</td> </tr> <tr> <td rowspan="2">Table cell 3</td> </tr> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-markdown"><tr> <td>Table cell 1</td> <td>Table cell 2</td> <td>Table cell 3</td> </tr> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-markdown"><tr> <td>Table cell 1</td> <td>Table cell 2</td> </tr> <tr> <td colspan="2">Table cell 3</td> </tr> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><tr> <td>Table cell 1</td> <td>Table cell 2</td> </tr> <tr> <td>Table cell 3</td> </tr> </code></pre> <h2><strong>Q47. Which choice is NOT a legal value for the <strong>name</strong> attribute within a <code><meta></code> tag?</strong></h2> <ol> <li><strong>charset✔️</strong></li> <li>viewport</li> <li>generator</li> <li>author</li> </ol> <h2><strong>Q48. Which form is coded correctly?</strong></h2> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-markdown"><form> <fieldset> <legend>Title</legend> <p>Your name:</p> <input type="text" name="name" id="name" /> <input type="submit" value="Submit" /> </fieldset> </form> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><form> <legend>Title</legend> <label for="name">Your name:</label> <input type="text" name="name" id="name" /> <input type="submit" value="Submit" /> </form> </code></pre> <h2><strong>Q49. What does the <strong>poster</strong> attribute do in the <code><video></code> tag?</strong></h2> <ol> <li><strong>It specifies an image that should display while the video downloads and until the video is played.✔️</strong></li> <li>It specifies an image that only displays if there is a problem with the video.</li> <li>It specifies an image that should display until the video is played.</li> <li>It specifies an image that should display while the video downloads.</li> </ol> <h2><strong>Q50. What does this code do?</strong></h2> <pre><code class="language-html"><audio controls src="sound.mp3" type="audio/mpeg">When does this text display?</audio> </code></pre> <ol> <li>The text displays over the audio controls, unless CSS is used to position it elsewhere.</li> <li>The text displays under the audio controls.</li> <li><strong>The text displays when the browser cannot play the sound.✔️</strong></li> <li>The text never displays.</li> </ol> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="24"> <h2><strong>Q51. What is the primary purpose of the <code><canvas></code> tag?</strong></h2> <ol> <li>It allows raster images to be rendered on the webpage.</li> <li>It displays annotated images.</li> <li><strong>It allows drawing on a bitmap via JavaScript.✔️</strong></li> <li>It allows vector images to be rendered on the webpage.</li> </ol> <h2><strong>Q52. Which choice contains three valid block-level elements?</strong></h2> <ol> <li><code><br /> <details> <abbr><figcaption></code></li> <li><code><canvas> <select> <noscript></code></li> <li><strong><code> <dt> <table> <pre></code>✔️</strong></li> <li><code><kbd> <p> <main></code></li> </ol><h2><strong>Q53. In the code below, what is the purpose of the <strong>lang</strong> attribute?</strong></h2> <pre><code class="language-html"><p lang="en-GB">Welcome to our wonderful website.</p> </code></pre> <ol> <li>It establishes the language for the website—in this case, English.</li> <li>It establishes the language and dialect for the website—in this case, British English.</li> <li><strong>It establishes the language and dialect for the paragraph—in this case, British English.✔️</strong></li> <li>It establishes the language for the paragraph—in this case, English.</li> </ol> <h2><strong>Q54. Which image formats can be displayed by all web browsers?</strong></h2> <ol> <li>JPG, GIF, TIF</li> <li>JPG, TIF, BMP</li> <li>TIF, BMP, GIF</li> <li><strong>PNG, GIF, JPG✔️</strong></li> </ol> <h2><strong>Q55. Review the code below. What is the absolute URL for a page called <strong>page.html</strong>?</strong></h2> <pre><code class="language-html"><base href="http://www.linkedin.com/dir/" /> </code></pre> <ol> <li><strong><code>http://www.linkedin.com/dir/page.html</code>✔️</strong></li> <li><code>page.html</code></li> <li><code>http://www.linkedin.com/page.html</code></li> <li><code>dir/page.html</code></li> </ol> <h2><strong>Q56. What is the correct way to include a stylesheet named <strong>style.css</strong> in the <code><head></code> of your document?</strong></h2> <ol> <li><code><br /> <style link="style.css"></code></li> <li><strong><code><link rel="stylesheet" href="style.css"></code>✔️</strong></li> <li><code> <style src="style.css"></style> <p></code></li> <li><code><link style="style.css"></code></li> </ol> <h2><strong>Q57. You want to have single spacing in between some lines, like in a poem or an address. Which approach should you use?</strong></h2> <ol> <li>Wrap the text in a box that is the right width so everything wraps correctly. Set the box width with CSS.</li> <li><strong>Separate lines with a <code> <p></code>, then use CSS to make single spacing.✔️</strong></li> <li>Use the <code> <pre></code> tag to make the line spacing look exactly like you want.</li> <li>Separate the lines with the <code><br /></code> tag.</li> </ol><h2><strong>Q58.What does the <code><wbr></code> tag do?</strong></h2> <ol><li>It requires the browser to wrap the current line at that point.</li> <li>It breaks a word into two pieces, using a hyphen to connect the words.</li> <li>It formats a sentence to be easily breakable.</li> <li><strong>It presents an opportunity for a break in a very long word, if needed for proper page display.✔️</strong></li> </ol><h2><strong>Q59. Review the code below. How do you include subnavigation for Link 2 that includes a link?</strong></h2> <pre><code class="language-markdown"><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> </code></pre> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="2"> <li><strong>B✔️</strong></li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><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> </code></pre> <h2><strong>Q60. What is the correct way to code a comment in HTML?</strong></h2> <ol> <li><code>//this is a comment</code></li> <li><code>/* this is a comment */</code></li> <li><code><! this is a comment -></code></li> <li><strong><code><!-- this is a comment --></code>✔️</strong></li> </ol> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="22.609721023871"> <h2><strong>Q61. Which statement is <strong>false</strong>?</strong></h2> <ol> <li>Inline elements can be nested inside inline elements.</li> <li>Block elements can be nested inside block elements.</li> <li>Inline elements can be nested inside block elements.</li> <li><strong>Block elements can be nested inside inline elements.✔️</strong></li> </ol> <h2><strong>Q62. What is the best semantic to use Quotes in HTML?</strong></h2> <p><code>Steve Kruz Said: "He will Win"</code></p> <ol> <li><code><q></code></li> <li><strong><code><quote></code>✔️</strong></li> <li><code><br /> <blockquote><p></code></li> <li><code><notation></code></li> </ol> <h2><strong>Q63. What is the semantic meaning of the <code></p> <hr /> <p></code> tag?</strong></h2> <ol> <li>It draws a horizontal line.</li> <li>This tag is deprecated and should not be used.</li> <li>It designates a separation of sections within an <code><br /> <article></code>.</li> <li><strong>It designates a topic shift within a section at the paragraph level.✔️</strong></li> </ol> <h2><strong>Q64. How will a video look displayed on a fully loaded webpage if the <code><video></code> tag is used and the <strong>autoplay</strong> attribute is not set?</strong></h2> <ol> <li>It will display a random frame from a video, unless the <strong>poster</strong> attribute is set.</li> <li><strong>It will display the first frame of the video, unless the <strong>poster</strong> attribute is set.✔️</strong></li> <li>It will display nothing unless the <strong>poster</strong> attribute is set.</li> <li>It will display a black window unless the <strong>poster</strong> attribute is set.</li> </ol> <p><a href="https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video" target="_blank" rel="noopener">Reference (w3schools)</a></p> <h2><strong>Q65. What is the correct way to describe an empty element?</strong></h2> <ol> <li>It has opening and closing tags but no child content.</li> <li>It display nothing on a website.</li> <li><strong>It has no child content and no closing tag.✔️</strong></li> <li>It has child content but no closing tag.</li> </ol> <p><a href="https://developer.mozilla.org/en-US/docs/Glossary/Empty_element" target="_blank" rel="noopener">Reference (MDN Web Docs)</a></p> <h2><strong>Q66. What is the purpose of async in this code?</strong></h2> <p><code><script async src="myscript.js"></script></code></p> <ol> <li>It downloads the script from the server when resources allow.</li> <li>It runs the script after HTML parsing is complete.</li> <li><strong>It runs the script when the script is ready.✔️</strong></li> <li>It pauses the parsing of HTML code while the script runs.</li> </ol> <h2><strong>Q67. What does this code?</strong></h2> <p><code><audio autoplay loop src="sound.mp3" type="audio/mpeg"></audio></code></p> <ol> <li>When the <strong>play</strong> button is pressed, the browser plays the sounds over and over again until the user stops it.</li> <li>The browser plays the sound once automatically in the background. The user has no control over the sound.</li> <li>The browser plays the sound automatically and continuously in the background. The user may stop the sound at any tune.</li> <li><strong>The browser plays the sound automatically and continuously in the background. The user has no control over the sound.✔️</strong></li> </ol> <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio" target="_blank" rel="noopener">Reference(MDN)</a></p> <h2><strong>Q68. What is the difference between the <code><head></code> and <code></p> <header></code> tags?</strong></h2> <ol> <li>There is only one <code><head></code> tag per page, while there may be many <code><br /> <header></code> tags.</li> <li>The <code><head></code> tag may contain CSS and Javascript links, while the <code><br /> <header></code> tag may contain headings and navigational links.</li> <li><strong>all of these answers✔️</strong></li> <li>The <code><head></code> tag contains meta information, while the <code><br /> <header></code> tag contains navigation, logos, and other page identifying content.</li> </ol> <h2><strong>Q69. In this code, what is the purpose of defer?</strong></h2> <p><code><script defer src="myscript.js"></script></code></p> <ol> <li>It downloads the script from the server when resources allow.</li> <li><strong>It runs the script after HTML parsing is complete.✔️</strong></li> <li>It runs the script when the script is ready.</li> <li>It pauses the parsing of HTML code while the script runs.</li> </ol> <h2><strong>Q70. The code below contains some errors. Which choice corrects all of the errors?</strong></h2> <pre><code class="language-html"><table> <tr> Cell 1 </tr> <td>Cell 2</td> <caption> A table </caption> </table> </code></pre> <ol> <li>A</li> </ol> <pre><code class="language-HTML"><caption>A table</caption> <table> <td> <tr>Cell 1</tr> <tr>Cell 2</tr> </td> </table> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-HTML"><caption>A table</caption> <table> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-HTML"><table> <caption>A table</caption> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-HTML"><table> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <caption>A table</caption> </table> </code></pre> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="35.276519969473"> <h2><strong>Q71. Given the file and directory structure shown here, what is the correct element to place in file profit.html to link to info.html?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q71.png?w=1400&ssl=1" alt="HTML LinkedIn Skill Assessment Answer q71" width="541" height="368" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM2OCIgd2lkdGg9IjU0MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></p> <ol> <li><code><a href="../work/info.html">See Information </a></code></li> <li><strong><code><a href="../info.html">See Information </a></code>✔️</strong></li> <li><code><a href="../../info.html">See Information </a></code></li> <li><code><a href="info.html">See Information </a></code></li> </ol> <h2><strong>Q72. When should you use the <code></p> <article></code> element?</strong></h2> <ol> <li>For blog posts and other social media items</li> <li>For the main content area of your website</li> <li><strong>When the content stands alone as a unit, is suitable for syndication, or is reusable✔️</strong></li> <li>To associate comments with a blog post</li> </ol> <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article" target="_blank" rel="noopener">Reference (MDN)</a></p> <h2><strong>Q73. Which list comprises three empty elements?</strong></h2> <ol> <li>A</li> </ol> <pre><code class="language-HTML"><area> <embed> <strong> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-HTML"><input> <br /> <p> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-HTML"><link> <meta> <title> </code></pre> <ol start="4"> <li><strong>D✔️</strong></li> </ol> <pre><code class="language-HTML"><wbr> <base> <source> </code></pre> <h2><strong>Q74. Which snippet of HTML, when clicked, makes a phone call on a mobile device?</strong></h2> <ol> <li><strong><code><a href="tel: 802-555-1212">Call me</a></code>✔️</strong></li> <li><code><a href="phone">802-555-1212</a></code></li> <li><code><a href="tel">802-555-1212</a></code></li> <li><code><a href="phone: 802-555-1212">Call me</a></code></li> </ol> <h2><strong>Q75. What is the purpose of the <code>class</code> attribute?</strong></h2> <ol> <li>Classes allow CSS to select specific elements on the page. You may list as many class names within the class attribute as you wish, separated by spaces.</li> <li>Classes allow CSS and JavaScript to select specific elements on the page. You may list only one class name per class attribute.</li> <li>Classes allow CSS to select specific elements on the page. You may list only one class name per class attribute.</li> <li><strong>Classes allow CSS and JavaScript to select specific elements on the page. You may list as many class names within the class attribute as you wish, separated by spaces.✔️</strong></li> </ol> <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class" target="_blank" rel="noopener">Reference (MDN)</a></p> <h2><strong>Q76. Which choice is not a legal type attribute for the <code><input></code> tag?</strong></h2> <ol> <li><code><input type="color"></code></li> <li><code><input type="tel"></code></li> <li><code><input type="week"></code></li> <li><strong><code><input type="num"></code>✔️</strong></li> </ol> <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input" target="_blank" rel="noopener">Reference (MDN)</a></p> <h2><strong>Q77. What is the most semantic way to mark up this sentence so that "happy talk must die" is rendered as an inline quote?</strong></h2> <p>As Steve Krug once said, happy talk must die.</p> <ol> <li><code> <p></code>As Steve Krug once said, <code><b></code>happy talk must die.<code></b></code> <code></p> <p></code></li> <li><code> <p></code>As Steve Krug once said, <code><i></code>happy talk must die.<code></i></code> <code></p> <p></code></li> <li><code> <p></code>As Steve Krug once said, <code></p> <blockquote><p></code>happy talk must die.<code></p></blockquote> <p></code> <code></p> <p></code></li> <li><strong><code> <p></code>As Steve Krug once said, <code><q></code>happy talk must die.<code></q></code> <code></p> <p></code>✔️</strong></li> </ol> <p><a href="https://www.w3schools.com/tags/tag_q.asp" target="_blank" rel="noopener">Source: W3Schools</a></p> <h2><strong>Q78. What is the most semantically accurate way to make up a main navigation bar, displayed in a horizontal direction?</strong></h2> <pre><code class="language-markdown"><p> <a href="index.html">Home</a> <a href="about.html">About</a> <a href="contact.html">Contact</a> </p> </code></pre> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><nav> <a href="index.html">Home</a> <a href="about.html">About</a> <a href="contact.html">Contact</a> </nav> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-markdown"> <nav> <ol> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ol> </nav> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-markdown"> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </code></pre> <h2><strong>Q79. Which choice is the best way to mark up this layout?</strong></h2> <p><amp-img src="https://i0.wp.com/totheinnovation.com/wp-content/uploads/2022/01/Html_linkedin_skill_Q79.png?w=1400&ssl=1" alt="q79 image" width="567" height="373" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img decoding="async" alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM3MyIgd2lkdGg9IjU2NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></p> <ol> <li>A</li> </ol> <pre><code class="language-markdown"><h4>Mailing Address</h4> <address> 6410 Via Real <br /> Carpinteria, CA 93013<br /> <a href="mailto:info@linkedin.com">info@linkedin.com</a> </address> </code></pre> <ol start="2"> <li><strong>B✔️</strong></li> </ol> <pre><code class="language-markdown"><h4><strong>Mailing Address</h4> <address><em> 6410 Via Real <br /> Carpinteria, CA 93013<br /> <a href="mailto:info@linkedin.com">info@linkedin.com</a> </em></address> </code></pre> <ol start="3"> <li>C</li> </ol> <pre><code class="language-markdown"><h4>Mailing Address</h4> <p><em> 6410 Via Real <br /> Carpinteria, CA 93013<br /> <a href="mailto:info@linkedin.com">info@linkedin.com</a> </em></p> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-markdown"><p><strong>Mailing Address</strong></p> <p><em> 6410 Via Real <br /> Carpinteria, CA 93013<br /> <a href="mailto:info@linkedin.com">info@linkedin.com</a> </em></p> </code></pre> <p><a href="https://www.w3schools.com/tags/tag_address.asp" target="_blank" rel="noopener">Source: W3Schools</a></p> <h2><strong>Q80. What is the primary purpose of HTML?</strong></h2> <ol> <li><strong>HTML structures the webpage, identifying its elements such as paragraphs, headings, and lists.✔️</strong></li> <li>HTML structures and provides a rudimentary look to webpages.</li> <li>HTML is responsible for the structure, styling, and interactivity of webpages.</li> <li>HTML is responsible for the structure and styling of webpages.</li> </ol> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <div class="wp-block-jetpack-markdown" readability="18.888059701493"> <h2><strong>Q81. What is the correct way to describe an empty element, such as a line break tag?</strong></h2> <ol> <li>It displays nothing on a website.</li> <li>It has opening and closing tags but no child content.</li> <li>It has child content but no closing tag.</li> <li><strong>It has no child content and no closing tag.✔️</strong></li> </ol> <h2><strong>Q82. For the HTML code below, when will "Sample Text" display to the browser?</strong></h2> <pre><code class="language-markdown"><noscript>Sample Text</noscript> </code></pre> <ol> <li>when there is no JavaScript used on this webpage</li> <li><strong>when JavaScript is not supported by the browser or if JavaScript is disabled in the browser✔️</strong></li> <li>when JavaScript is disabled in the web browser</li> <li>when JavaScript is not supported by the web browser</li> </ol> <p><a href="https://www.w3schools.com/tags/tag_noscript.asp" target="_blank" rel="noopener">Reference (MDN)</a></p> <h2><strong>Q84. In this code, what is <em>target</em>?</strong></h2> <ol> <li><strong>an attribute✔️</strong></li> <li>a tag</li> <li>content</li> <li>an element</li> </ol> <h2><strong>Q85. What is the difference between the <code><svg></code> and <code><canvas></code>?</strong></h2> <ol> <li><strong><code><svg></code> produces vector graphics, while <code><canvas></code> produces raster graphics.✔️</strong></li> <li><code><svg></code> integrates with JavaScript, while <code><canvas></code> does not.</li> <li><code><svg></code> produces raster graphics, while <code><canvas></code> produces vector graphics.</li> <li><code><svg></code> cannot be used as a background image, while <code><canvas></code> can be used as a background</li> </ol> <h2><strong>Q86. What is the difference between the <em>readonly</em> and <em>disabled</em> attributes for the <code><textarea></code> element?</strong></h2> <ol> <li><em>readonly</em> allows clicking in the <code><textarea></code> element. <em>disabled</em> prevents all interaction with the control.</li> <li><em>readonly</em> is invalid attribute for <code><textarea></code>, while <em>disabled</em> is a valid attribute.</li> <li><em>disabled</em> allows clicking in the <code><textarea></code> element. <em>readonly</em> prevents all interaction with the control.</li> <li><em>disabled</em> is invalid attribute for <code><textarea></code>, while <em>readonly</em> is a valid attribute.</li> </ol> <h2><strong>Q87. In this code, what is <em>target</em>?</strong></h2> <p><code><a target="_blank" rel="noopener">...</a></code></p> <ol> <li><strong>an attribute✔️</strong></li> <li>a tag</li> <li>content</li> <li>an element</li> </ol> <h2><strong>Q88. What is the correct way to add a submit URL to a button element?</strong></h2> <ol> <li>A</li> </ol> <pre><code class="language-HTML"><button submit="http://example.com/process"> Process data </button> </code></pre> <ol start="2"> <li>B</li> </ol> <pre><code class="language-HTML"><button action="http://example.com/process"> Process data </button> </code></pre> <ol start="3"> <li><strong>C✔️</strong></li> </ol> <pre><code class="language-HTML"><button formaction="http://example.com/process"> Process data </button> </code></pre> <ol start="4"> <li>D</li> </ol> <pre><code class="language-HTML"><button method="http://example.com/process"> Process data </button> </code></pre> <h2><strong>Q89. Which is the best markup to produce this text?</strong></h2> <p><strong>x<y&z>w</strong></p> <ol> <li><code> <p>x<y&z>w</p> <p></code></li> <li><code> <p>x<y&z>w</p> <p></code></li> <li><code> <p>x<<y&&z>>w</code></li> <li><code> <p>x<y&z>w</p> <p></code></li> </ol> <h2><strong>Q90. What is wrong with this code snippet?</strong></h2> <pre><code class="language-HTML"><label>Address:</label> <input type="text" name="address" id="address-input" /> </code></pre> <ol> <li>The <code><label></code> and <code><input></code> should be nested inside of a <code><br /> <fieldset></code> element.</li> <li><strong>"address"</strong> is not a valid value for the attribute <strong>name</strong> on an <code><input></code> element.</li> <li>The <code><label></code> element is missing an <strong>id</strong> set to "address-input".</li> <li><strong>The <code><label></code> element is missing a <strong>for</strong> attribute set to "address-input".✔️</strong></li> </ol> </div> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <h2 id="want-more-quiz-answer-click-below-link" data-amp-original-style="font-size:24px" class="amp-wp-fcc53cb"><strong>Want more Quiz Answer :-</strong> (click below link)</h2> <p class="has-medium-font-size"><strong><a href="https://totheinnovation.com/linkedin-skill-assessment-answers/" target="_blank" rel="noopener">Link for more programming Language Quiz Answer</a></strong></p> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins><br /> <ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <p class="undefined uag-hide-desktop uag-hide-tab uag-hide-mob"><em>LinkedIn HTML Quiz Answers, LinkedIn HTML Assessment Answers, HTML LinkedIn Quiz Answers, HTML Assessment LinkedIn Answers, LinkedIn Skill Quiz Answers HTML, LinkedIn HTML Quiz, HTML LinkedIn Quiz, LinkedIn Quiz Answers HTML, LinkedIn HTML Assessment Quiz Answers, LinkedIn Skill Assessment HTML Answers, HTML LinkedIn Quiz, LinkedIn HTML Assessment Test Answers, LinkedIn HTML Test Answers, LinkedIn HTML Skill Assessment Answers, LinkedIn Skill Assessment Answers HTML, HTML LinkedIn Assessment Answers, LinkedIn HTML Assessment Answers, HTML LinkedIn Assessment Answers, Answers to LinkedIn Quizzes, LinkedIn Skill Assessment Answers GitHub, LinkedIn Assessment Test Answers, LinkedIn Skill Assessments Answers, HTML LinkedIn Skill Assessment Answer, HTML LinkedIn Skill Assessment Answer, HTML LinkedIn Skill Assessment Answer, HTML LinkedIn Skill Assessment Answer, HTML LinkedIn Skill Assessment Answer, HTML LinkedIn Skill Assessment Answer, HTML LinkedIn Skill Assessment Answer</em></p> <p><ins class="adsbygoogle amp-wp-fa9aecc" data-ad-client="ca-pub-7231089257748111" data-ad-slot="5889742421" data-ad-format="auto" data-full-width-responsive="true" data-amp-original-style="display:block"></ins></p> <nav class="jp-relatedposts-i2" data-layout="grid"> <h3 class="jp-relatedposts-headline"><em>Related</em></h3> </nav> </div> <!-- AI CONTENT END 1 --> </div><!-- .entry-content .clear --> </div> </article><!-- #post-## --> <nav class="navigation post-navigation" role="navigation" aria-label="Posts"> <span class="screen-reader-text">Post navigation</span> <div class="nav-links"><div class="nav-previous"><a href="https://imtyro.in/hadoop-linkedin-skill-assessment-answer/" rel="prev"><span class="ast-left-arrow">←</span> Previous Post</a></div><div class="nav-next"><a href="https://imtyro.in/it-operations-linkedin-skill-assessment-answer/" rel="next">Next Post <span class="ast-right-arrow">→</span></a></div></div> </nav><div class="ast-single-related-posts-container"><div class="ast-related-posts-title-section"> <h2 class="ast-related-posts-title"> Related Posts </h2> </div><div class="ast-related-posts-wrapper"> <article class="ast-related-post post-1859 post type-post status-publish format-standard hentry category-linkedin"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://imtyro.in/net-framework-linkedin-skill-assessment-answer/" target="_self" rel="bookmark noopener noreferrer">.NET Framework LinkedIn Skill Assessment Answer</a> </h3> <div class="entry-meta"></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-1860 post type-post status-publish format-standard hentry category-linkedin"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://imtyro.in/agile-methodologies-linkedin-skill-assessment-answer/" target="_self" rel="bookmark noopener noreferrer">Agile Methodologies LinkedIn Skill Assessment Answer</a> </h3> <div class="entry-meta"></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-1861 post type-post status-publish format-standard hentry category-linkedin"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://imtyro.in/amazon-web-services-aws-linkedin-skill-assessment-answer/" target="_self" rel="bookmark noopener noreferrer">Amazon Web Services (AWS) LinkedIn Skill Assessment Answer</a> </h3> <div class="entry-meta"></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-1862 post type-post status-publish format-standard hentry category-linkedin"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://imtyro.in/android-linkedin-skill-assessment-answer/" target="_self" rel="bookmark noopener noreferrer">Android LinkedIn Skill Assessment Answer</a> </h3> <div class="entry-meta"></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> </div> </div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html-linkedin-skill-assessment-answer/#respond" style="display:none;">Cancel Reply</a></small></h3><p class="must-log-in">You must be <a href="https://imtyro.in/wp-login.php?redirect_to=https%3A%2F%2Fimtyro.in%2Fhtml-linkedin-skill-assessment-answer%2F">logged in</a> to post a comment.</p> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <div class="widget-area secondary" id="secondary" itemtype="https://schema.org/WPSideBar" itemscope="itemscope"> <div class="sidebar-main" > <aside id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Sidebar --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9863080608173599" data-ad-slot="5745044177" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></aside><aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://imtyro.in/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" tabindex="-1"> </label> <input type="submit" class="search-submit" value="Search"> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widget-title">Recent Posts</h2><nav aria-label="Recent Posts"> <ul> <li> <a href="https://imtyro.in/xml-linkedin-skill-assessment-answer/">XML LinkedIn Skill Assessment Answer</a> </li> <li> <a href="https://imtyro.in/wordpress-linkedin-skill-assessment-answer/">WordPress LinkedIn Skill Assessment Answer</a> </li> <li> <a href="https://imtyro.in/windows-server-linkedin-skill-assessment-answer/">Windows Server LinkedIn Skill Assessment Answer</a> </li> <li> <a href="https://imtyro.in/visual-basic-for-applications-vba-linkedin-skill-assessment-answer/">Visual Basic for Applications (VBA) LinkedIn Skill Assessment Answer</a> </li> <li> <a href="https://imtyro.in/unity-linkedin-skill-assessment-answer/">Unity LinkedIn Skill Assessment Answer</a> </li> </ul> </nav></aside><aside id="categories-2" class="widget widget_categories"><h2 class="widget-title">Categories</h2><nav aria-label="Categories"> <ul> <li class="cat-item cat-item-115"><a href="https://imtyro.in/category/color/">color</a> (5) </li> <li class="cat-item cat-item-126"><a href="https://imtyro.in/category/linkedin/">LinkedIn</a> (52) </li> </ul> </nav></aside><aside id="archives-2" class="widget widget_archive"><h2 class="widget-title">Archives</h2><nav aria-label="Archives"> <ul> <li><a href='https://imtyro.in/2022/03/'>March 2022</a></li> <li><a href='https://imtyro.in/2021/02/'>February 2021</a></li> <li><a href='https://imtyro.in/2020/12/'>December 2020</a></li> <li><a href='https://imtyro.in/2020/11/'>November 2020</a></li> </ul> </nav></aside><aside id="meta-2" class="widget widget_meta"><h2 class="widget-title">Meta</h2><nav aria-label="Meta"> <ul> <li><a rel="nofollow" href="https://imtyro.in/wp-login.php">Log in</a></li> <li><a href="https://imtyro.in/feed/">Entries feed</a></li> <li><a href="https://imtyro.in/comments/feed/">Comments feed</a></li> <li><a href="https://wordpress.org/">WordPress.org</a></li> </ul> </nav></aside> </div><!-- .sidebar-main --> </div><!-- #secondary --> </div> <!-- ast-container --> </div><!-- #content --> <footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"> <div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-2-equal ast-builder-grid-row-tablet-2-equal ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder"> <div class="ast-builder-grid-row-container-inner"> <div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row"> <div class="site-footer-below-section-1 site-footer-section site-footer-section-1"> <div class="footer-widget-area widget-area site-footer-focus-item" data-section="section-footer-menu"> <div class="footer-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility footer-navigation" id="footer-site-navigation" aria-label="Site Navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="footer-nav-wrap"><ul id="astra-footer-menu" class="ast-nav-menu ast-flex astra-footer-horizontal-menu astra-footer-tablet-horizontal-menu astra-footer-mobile-horizontal-menu"><li id="menu-item-1083" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1083"><a href="https://imtyro.in/contact-us/" class="menu-link">Contact us</a></li> <li id="menu-item-1085" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1085"><a href="https://imtyro.in/disclaimer/" class="menu-link">Disclaimer</a></li> <li id="menu-item-1087" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1087"><a rel="privacy-policy" href="https://imtyro.in/privacy-policy-2/" class="menu-link">Privacy Policy</a></li> </ul></div></nav></div> </div> </div> <div class="site-footer-below-section-2 site-footer-section site-footer-section-2"> <div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder"> <div class="ast-footer-copyright"><p>Copyright © 2023 Imtyro</p> </div> </div> </div> </div> </div> </div> </footer><!-- #colophon --> </div><!-- #page --> <div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="screen-reader-text">Scroll to Top</span> </div> <style id='astra-addon-megamenu-dynamic-inline-css'></style> <script src='https://imtyro.in/wp-includes/js/comment-reply.min.js?ver=6.3.1' id='comment-reply-js' defer></script> <script id='astra-theme-js-js-extra'> var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"","is_scroll_to_top":"1","is_header_footer_builder_active":"1","edit_post_url":"https:\/\/imtyro.in\/wp-admin\/post.php?post={{id}}&action=edit","ajax_url":"https:\/\/imtyro.in\/wp-admin\/admin-ajax.php","infinite_count":"2","infinite_total":"0","pagination":"number","infinite_scroll_event":"scroll","no_more_post_message":"No more posts to show.","grid_layout":"1","site_url":"https:\/\/imtyro.in","show_comments":"Show Comments","masonryEnabled":"","blogMasonryBreakPoint":"921"}; </script> <script src='https://imtyro.in/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.3.1' id='astra-theme-js-js' defer></script> <script id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id='rocket-preload-links-js-extra'> var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/imtyro.in","onHoverDelay":"100","rateThrottle":"3"}; </script> <script id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script id='astra-addon-js-js-extra'> var astraAddon = {"sticky_active":"","svgIconClose":"<span class=\"ast-icon icon-close\"><\/span>","hf_account_show_menu_on":"hover","hf_account_action_type":"link","is_header_builder_active":"1"}; </script> <script src='https://imtyro.in/wp-content/uploads/astra-addon/astra-addon-650e20516d49c3-48740060.js?ver=4.3.2' id='astra-addon-js-js' defer></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1695437373 -->