HTML - Skill Assignment Quiz

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>
  • <br><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 is the best way to apply bold styling to text?

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

Q6. When is the < link > tag used?

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

Q7. 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>

Q8. 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.

Q9. 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.

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

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

  • enctype
  • media
  • type
  • rel
 

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

  • _blank
  • _self
  • _new
  • _parent

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

  • <details> <abbr> <figcaption>
  • <canvas> <select> <noscript>
  • <dt> <table> <pre>
  • <kbd> <p> <main>

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

  • There is only one <head> tag per page, while there may be many <header> tags.
  • The <head> tag may contain CSS and Javascript links, while the <header> tag may contain headings and navigational links.
  • all of these answers
  • The <head> tag contains meta information, while the <header> tag contains navigation, logos, and other page identifying content.

Q14. Which is the most semantically correct markup for a side comment in small print?

  • <p> Get 10% discount <small>not valid in France</small></p>
  • <p> Get 10% discount <!--not valid in France--> </p>
  • <p> Get 10% discount <comment>not valid in France</comment></p>
  • <p> Get 10% discount <aside>not valid in France</aside></p>

Q15. A designer gave you CSS code that should run only when the device rendering the page is in dark mode. How would you embed that code?

  • <style media="light-mode: false">/* CSS code */</style>
  • <style media="color-mode: dark">/* CSS code */</style>
  • <style media="prefers-color-scheme: dark">/* CSS code */</style>
  • <style media="color-scheme: dark">/* CSS code */</style>

Q16. Which statement is correct?

  • The <main> element represents the dominant content of an <article> in a document.
  • The <main> element represents the dominant content of a <section> of a document. You may have one <main> element per section.
  • The <main> element represents the dominant content of your document. There can be only one <main> element that is not hidden.
  • The <article> element represents the dominant content of your document. There can be only one <article> element that is not hidden.

Q17. Which is a valid title element?

  • <title><em>Exciting</em> title</title>
  • <title></title>
  • <title name="Exciting Title" />
  • <title>Exciting title</title>

Q18. Which link contains a valid URL

  • <link rel="stylesheet" href="/styles for me/styles.css">
  • <link rel="stylesheet" href="/styles|for|me/styles.css">
  • <link rel="css" href="\styles for me\styles.css">
  • <link rel="stylesheet" href="/styles%20for%20me/styles.css">

Q19. What is the semantic method for marking up a video with a caption in browsers that support it?

  • <video src="video.mp4" caption="video.vtt"></video>
  • <video src="video.mp4"><track caption="video.vtt" /></video>
  • <video src="video.mp4"><track default kind="captions" srclang="en" src="video.vtt" /></video>
  • <video src="video.mp4"><caption default srclang="en" src="video.vtt" /></video>

Q20. Which example is missing a mandatory closing tag, making it invalid?

  • <p>Simple paragraph
  • <ul><li>Simple list</li>
  • <ul><li>Simple list<ul>
  • <dl><dt>Simple term<dd>Simple description</dl>

Q21. A white paper has a sidebar and endnotes, both of which are complementary to the main text. How would you mark them up to make their distinct roles more broadly accesible?

  • <aside aria-label="Sidebar">Sidebar...</aside><aside aria-label="Endnotes">Endnotes...</aside>
  • <custom-sidebar aria-label="Sidebar">Sidebar...</custom-sidebar><custom-footnote aria-label="Endnotes">Endnotes...</custom-footnote>
  • <aside role="Sidebar">Sidebar...</aside><aside role="Endnotes">Endnotes...</aside>
  • <aside role="complementary">Sidebar...</aside><aside role="supplementary">Endnotes...</aside>

READY TO GET STARTED?

Are you ready

Let’s Make Something Amazing Together

Get Started

Need help? Contact our experts
Tell us about your project