Free Printable Mastering HTML5 and CSS

Worksheets

Mastering HTML5 and CSS

Total questions: 15

Worksheet time: 8mins

Name

Class

Date

What does HTML stand for?

HighText Markup Language

HyperText Markup List

HyperText Multi Language

HyperText Markup Language

Which HTML element is used to define the title of a document?

</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><body></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><meta></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><header></p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>3.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>What is the purpose of the <head> tag in HTML?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <head> tag is for defining the layout of the webpage.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <head> tag is used to display the main content of the page.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <head> tag is used to contain meta-information about the HTML document.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <head> tag is used to include images and videos in the document.</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>4.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>How do you create a hyperlink in HTML?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><a href='https://www.example.com'>Click here</a></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><a url='https://www.example.com'>Click here</a></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><hyperlink='https://www.example.com'>Click here</hyperlink></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><link href='https://www.example.com'>Click here</link></p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>5.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>What does CSS stand for?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Cascading Style Scripts</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Cascading Style Sheets</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Cascading System Styles</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Creative Style Sheets</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>6.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>Which property is used to change the background color in CSS?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>background-style</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>bg-color</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>background-color</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>color-background</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>7.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>How can you apply CSS styles to an HTML element?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>By modifying the HTML structure instead of using CSS</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Only through inline styles</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>CSS styles can be applied using inline styles, internal stylesheets, or external stylesheets.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Using JavaScript to apply styles directly</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>8.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>What is the difference between class and ID selectors in CSS?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Class selectors are always unique, while ID selectors can be reused.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Class selectors are defined with @media, while ID selectors use @import.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Class selectors (.) can be used multiple times, while ID selectors (#) must be unique.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>ID selectors are used for styling text, while class selectors are for layout.</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>9.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>What HTML tag is used to define an unordered list?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><ul></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><ol></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><list></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><item></p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>10.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>How do you insert an image in HTML?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><picture src='image_url' alt='description'></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><img href='image_url'></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><img src='image_url' alt='description'></p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p><image src='image_url'></p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>11.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>What is the purpose of the <div> tag in HTML?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <div> tag serves as a generic container for grouping and styling HTML elements.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <div> tag is a semantic element that defines a header.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <div> tag is specifically for embedding images.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>The <div> tag is used to create hyperlinks in HTML.</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>12.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>How can you center a block element using CSS?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Set the element's width and use 'margin: auto;'</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Set the element's height and use 'padding: auto;'</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Use 'display: flex;' and align items to the center</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Apply 'float: left;' to the element and set a fixed width</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>13.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>What is the default display value of a <div> element?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>grid</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>block</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>flex</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>inline</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>14.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>How do you create a responsive design using CSS?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Use CSS Grid or Flexbox for layout, media queries for responsiveness, and relative units for sizing.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Use only fixed pixel sizes for layout.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Avoid using media queries altogether.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>Rely solely on JavaScript for responsive design.</p></span></div></div></div></div></div></div><div class="text-sm flex flex-col mt-8 no-break-within hide-question question-render b-a-auto relative w-full" data-v-e8d754ca><div class="mcq flex gap-4 [question.structure.kind !== QuestionType.FLASHCARD ? 'items-baseline relative'] text-sm" fontsize="L" repaintflag="true" swapfrontwithback="false" showonlyfront="false" data-v-e8d754ca data-v-c6b25a85><div class="flex items-start justify-end" data-v-c6b25a85>15.</div><div class="flex flex-col gap-4 flex-grow" data-v-c6b25a85><div class="flex-col flex items-start gap-4" data-v-c6b25a85><div data-v-c6b25a85><p>What is the purpose of the <meta> tag in HTML?</p></div></div><div class="options" data-v-c6b25a85><div class="option" data-v-c6b25a85><span data-v-c6b25a85>a)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>To define the structure of the HTML document.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>b)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>To link external CSS stylesheets.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>c)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>To provide metadata about the HTML document.</p></span></div></div><div class="option" data-v-c6b25a85><span data-v-c6b25a85>d)</span><div class="flex flex-col gap-2 items-start" data-v-c6b25a85><span data-v-c6b25a85><p>To create interactive elements in the document.</p></span></div></div></div></div></div></div></div></div></div><div class="zoom-controls select-none hidden md:flex fixed bottom-4 left-10 flex-col items-start gap-2" data-v-e8d754ca><div class="w-10 h-10 flex items-center justify-center rounded-lg border-1 border-dark-30% bg-light shadow-sm cursor-pointer" data-testid="zoom-plus" data-v-e8d754ca><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid data-v-e8d754ca><i class="icon-worksheets-regular-magnifying-glass-plus"></i></div></div><div data-testid="worksheet-reset-btn" class="cursor-default zoom-indicator h-10 px-3 flex items-center rounded-lg border-1 border-dark-30% bg-light shadow-sm text-base font-bold" data-v-e8d754ca>100 %</div><div class="w-10 h-10 flex items-center justify-center rounded-lg border-1 border-dark-30% bg-light shadow-sm cursor-pointer" data-testid="zoom-minus" data-v-e8d754ca><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid data-v-e8d754ca><i class="icon-worksheets-regular-magnifying-glass-minus"></i></div></div></div></div></div></div></div><aside class="info-section" data-testid="worksheet-info-section" data-v-36461de5><div class="relative box-border w-full h-full bg-wds-light-500 border-l border-wds-light-200" data-v-36461de5><div class="flex flex-col gap-0 w-full p-5" style=""><div class="flex flex-col gap-2 pt-0 pr-0 pb-4 pl-0" style=""><h1 class="text-w-header-base font-semibold">Mastering HTML5 and CSS</h1><div class="flex flex-wrap gap-3" style=""><div class="flex gap-1" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-dark-200 flex-shrink-0" data-testid><i class="icon-regular-list-ul"></i></div><p id class="text-wds-dark-200 text-w-content-small font-normal">15 questions</p></div><div class="flex gap-1" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-dark-200 flex-shrink-0" data-testid><i class="icon-regular-graduation-cap"></i></div><p id class="text-wds-dark-200 text-w-content-small font-normal">Professional Development - Professional Development</p></div><div class="flex items-center gap-1" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-dark-200 flex-shrink-0" data-testid><i class="icon-regular-book"></i></div><div class="contents"><p class="text-w-content-small font-normal text-wds-dark-200 text-clip text-left line-clamp-1 w-auto overflow-none">Information Technology (IT)</p></div></div></div></div><div class="flex flex-col gap-3 py-4 px-0" style=""><div class="w-full"><button type="button" aria-label="Print / Download" class="bg-wds-magenta-500 hover:bg-wds-magenta-400 active:bg-transparent py-2 px-4 border-transparent rounded-w-admin-xl min-w-20 bg-gradient-to-br from-wds-magenta-500 from-0% to-wds-purple-500 to-100% bg-gradient-to-br hover:from-wds-magenta-400 hover:from-0% hover:to-wds-purple-400 hover:to-100% bg-gradient-to-br active:from-wds-magenta-600 active:from-0% active:to-wds-purple-500 active:to-100% border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer w-full" data-testid="print-download-btn" data-track="Print / Download-ukw-button"><div class="visible"><div class="flex justify-center items-center gap-2" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-light-500 flex-shrink-0" data-testid><i class="icon-regular-download"></i></div><p id class="text-wds-light-500 none underline-offset-4 select-none text-w-control-base font-semibold text-nowrap" data-testid="button-text">Print / Download</p></div></div></button></div></div><div class="flex flex-col gap-4 py-4 px-0" style=""><div class="relative box-border w-full h-full bg-wds-light-400 rounded-w-admin-lg p-5"><div class="flex flex-col gap-4 w-full" style=""><div class="flex flex-col gap-1" style=""><p id class="text-wds-dark-500 text-w-content-base font-semibold">Auto-grade this worksheet with your phone</p><p id class="text-wds-dark-200 text-w-content-small font-normal">Print, scan, and see each student's results instantly</p></div><div class="flex flex-col gap-2" style=""><div class="flex gap-4" style=""><div class="flex-shrink-0 w-3/5"><div class="rounded-w-admin-md overflow-hidden w-full h-auto flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/companion-app/worksheetprimary.gif" alt="Scan and auto-grade worksheets with the Wayground app" class="w-full h-full" data-testid="undefined-image"></div></div><div class="flex flex-col justify-center items-center gap-2 flex-grow" style=""><div class="bg-wds-light-500 border-2 border-wds-magenta-500 rounded-w-admin-lg p-2"><div class="rounded-w-admin-sm overflow-hidden w-full h-auto flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/companion-app/wayground_teacher_print.png" alt="QR code to get the Wayground app" class="w-full h-full" data-testid="undefined-image"></div></div><p id class="text-wds-dark-200 text-center text-w-caption font-normal">Scan to get the app</p></div></div></div></div></div></div><div class="flex flex-col gap-3 pt-4 pr-0 pb-0 pl-0" style=""><div class="flex justify-between gap-2" style=""><div class="flex flex-grow basis-0" style=""><div class="w-full"><button type="button" aria-label="Play as a game" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-2 px-4 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer w-full" data-track="Play as a game-ukw-button"><div class="visible"><div class="flex justify-center items-center gap-1" style=""><div class="flex justify-center items-center h-4 text-xs text-wds-magenta-600 flex-shrink-0" data-testid><i class="icon-solid-sparkles"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Play as a game</p></div></div></button></div></div><div class="flex flex-grow basis-0" style=""><div class="w-full"><button type="button" aria-label="Share" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 py-2 px-4 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer w-full" data-track="Share-ukw-button"><div class="visible"><div class="flex justify-center items-center gap-1" style=""><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-solid-share"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Share</p></div></div></button></div></div></div></div></div></div></aside></main></div></div></div><div class="max-w-320 my-0 mx-auto p-8 print:hidden"><div class="flex gap-4 bg-wds-light-500 p-8 rounded-w-admin-xl border border-wds-light-200" style=""><div class="flex flex-col items-start gap-3 max-w-40" style="" data-testid="similar-resources-identifier"><div class="flex justify-center items-center min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-50" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer" data-testid="recommendations-see-more-button" data-track="View all-ukw-button"><div class="visible"><div class="flex justify-center items-center gap-1" style=""><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-free-solid-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" role="region" aria-label="Carousel" aria-roledescription="carousel" data-testid="recommendation-container"><div class="h-full relative" data-v-2142dfd5><div class="scroll-container w-auto h-full hide-scrollbar" style="height:;max-height:70vh;" data-v-2142dfd5><div class="content h-full" data-v-2142dfd5><div class="flex gap-4" style=""><a href="/print/quiz/68ed473a789eb6407fc0d9d1" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-68ed473a789eb6407fc0d9d1"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="CyberSmarts: 10-Minute Cybersecurity Challenge" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 12 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">CyberSmarts: 10-Minute Cybersecurity Challenge</p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a><a href="/print/quiz/68d4e7ba86bc6de17955b6a8" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-68d4e7ba86bc6de17955b6a8"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Exploring AI Tools for Educators" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">Exploring AI Tools for Educators</p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a><a href="/print/quiz/685a006dbd8d44008b07362d" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-685a006dbd8d44008b07362d"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Data Analysis Vocabulary" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">Data Analysis Vocabulary</p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a><a href="/print/quiz/68ac832b7a6bcae0f1b2e153" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-68ac832b7a6bcae0f1b2e153"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="SOHO Router and Security Practices Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">SOHO Router and Security Practices Quiz</p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a><a href="/print/quiz/6791cd56ceb2b21f4e2ff08b" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-6791cd56ceb2b21f4e2ff08b"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="MSBTE Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">MSBTE Quiz</p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a><a href="/print/quiz/6744ca151a98c04e9c64e56b" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-6744ca151a98c04e9c64e56b"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="E-LEARNING " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">E-LEARNING </p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a><a href="/print/quiz/66a632cbe53147cd5c6232df" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-66a632cbe53147cd5c6232df"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="DECI - WEEK#7 - Time Machine" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">DECI - WEEK#7 - Time Machine</p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a><a href="/print/quiz/66e53ac13db859cab5e44a51" target="_blank" rel="noopener noreferrer" data-testid="activity-recommendation-card-66e53ac13db859cab5e44a51"><div class="w-60 h-auto" style=""><div class="flex flex-col items-start cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden" style=""><div class="relative box-border w-full h-full bg-wds-light-400 relative"><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Prelim: Networking II" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute"></div><div class="bottom-2 left-2 absolute"><div class=""><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" style="" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex flex-col gap-2 w-full py-4 px-2" style=""><div class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none">Prelim: Networking II</p></div><div class="flex items-center gap-1" style=""><div class="flex items-center gap-2" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Worksheet</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold"> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade">Professional Development</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-2142dfd5><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-2142dfd5></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute transition-opacity focus-within:opacity-100 focus-within:pointer-events-auto bg-[linear-gradient(270deg,rgba(9,9,9,0.2),transparent)]"><div class="flex items-center w-full h-full p-2" style=""><button type="button" aria-label="Scroll right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ds-focus shrink-0" data-testid="carousel-right-button"><div class="flex justify-center items-center h-full visible" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-free-solid-chevron-right"></i></div></div></button></div></div></div></div></div><span></span><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":865,"once":868,"_errors":869,"serverRendered":5,"path":871,"pinia":872,"country":867,"region":-1},["ShallowReactive",3],{"print-quiz-67946ccd8225ff78666039fd":4,"print-recommendations-67946ccd8225ff78666039fd-false":778},{"success":5,"message":6,"data":7,"time":774,"meta":775},true,"Ok",{"quiz":8,"draft":17},{"isTagged":9,"isLoved":9,"tagIds":10,"stats":11,"love":16,"cloned":9,"parentDetail":17,"deleted":9,"archived":9,"lifetimeAccess":9,"draftVersion":17,"publishedVersion":18,"isShared":9,"type":19,"hidden":9,"_id":20,"createdBy":21,"info":36,"createdAt":771,"updated":772,"premiumUse":773,"shouldIndex":5,"hasDraftVersion":9,"hasPublishedVersion":5,"gameChangerBadge":17,"lock":17,"isPremium":9},false,[],{"played":12,"totalPlayers":13,"totalCorrect":14,"totalQuestions":15},1,27,161,296,0,null,"67946ccd8225ff78666039fe","quiz","67946ccd8225ff78666039fd",{"_id":22,"firstName":23,"lastName":24,"occupation":25,"country":26,"preferences":27,"grades":29,"subject_tags":30,"media":35},"66cd56c27bcd21272239b79d","Renukadevi","S","teacher","IN",{"lang":28},"en",[16],[31,32,33,34],"Information Technology (IT)","Design","Engineering","Life Project","https://lh3.googleusercontent.com/a/ACg8ocJhGSoYdyx1t8U-y8ICoHJOWBgSuaQqCJPP1dV51HR2X6ZR5Wd_=s96-c",{"lang":37,"aiGenerated":5,"qm":38,"questionGroups":55,"visibility":5,"subjects":56,"topics":57,"subtopics":58,"grade":59,"gradeLevel":17,"deleted":9,"pref":61,"traits":62,"standardIds":63,"__v":64,"meta":65,"_id":18,"name":66,"aiCreateMeta":67,"questions":69,"questionDrafts":768,"standards":17,"courses":17,"createdAt":769,"updated":770,"isProfane":9,"whitelisted":5,"slug":66},"English",{"67946ccd48ec42bf33c81ea4":39,"67946ccd48ec42bf33c81ea5":41,"67946ccd48ec42bf33c81ea6":42,"67946ccd48ec42bf33c81ea7":43,"67946ccd48ec42bf33c81ea8":44,"67946ccd48ec42bf33c81ea9":45,"67946ccd48ec42bf33c81eaa":46,"67946ccd48ec42bf33c81eab":47,"67946ccd48ec42bf33c81eac":48,"67946ccd48ec42bf33c81ead":49,"67946ccd48ec42bf33c81eae":50,"67946ccd48ec42bf33c81eaf":51,"67946ccd48ec42bf33c81eb0":52,"67946ccd48ec42bf33c81eb1":53,"67946ccd48ec42bf33c81eb2":54},{"time":40},30000,{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},{"time":40},[],[31],[],[],[60,60],"14",{"time":17},{"isQuizWithoutCorrectAnswer":9,"totalSlides":16,"totalComprehensionQuestions":16,"totalMultiPartQuestions":16,"totalMultiPartChildQuestions":16,"nonAnswerableQuestions":16},[],3,{"slot":17,"experiment":17},"Mastering HTML5 and CSS",{"quizGenKey":68},"67946cc3c4e1cc81607c2563",[70,124,170,216,262,308,354,400,446,492,538,584,630,676,722],{"structure":71,"standards":114,"topics":115,"isSuperParent":9,"standardIds":116,"unifiedStandardIds":117,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":119,"time":40,"published":5,"aiCreateMeta":120,"type":112,"createdAt":122,"updated":123},{"settings":72,"hasMath":9,"query":74,"options":81,"explain":106,"hints":111,"kind":112,"marks":113,"answer":64},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},"string",{"type":75,"hasMath":9,"math":76,"answerTime":78,"text":79,"media":80},"text",{"latex":77,"template":17},[],-1,"\u003Cp>What does HTML stand for?\u003C/p>",[],[82,88,94,100],{"type":75,"hasMath":9,"math":83,"answerTime":16,"id":85,"text":86,"media":87,"_id":85},{"latex":84,"template":17},[],"67946ccd3299dfcd40848e39","\u003Cp>HighText Markup Language\u003C/p>",[],{"type":75,"hasMath":9,"math":89,"answerTime":16,"id":91,"text":92,"media":93,"_id":91},{"latex":90,"template":17},[],"67946ccd3299df86d1848e3a","\u003Cp>HyperText Markup List\u003C/p>",[],{"type":75,"hasMath":9,"math":95,"answerTime":16,"id":97,"text":98,"media":99,"_id":97},{"latex":96,"template":17},[],"67946ccd3299df6a38848e3b","\u003Cp>HyperText Multi Language\u003C/p>",[],{"type":75,"hasMath":9,"math":101,"answerTime":16,"id":103,"text":104,"media":105,"_id":103},{"latex":102,"template":17},[],"67946ccd3299df8926848e3c","\u003Cp>HyperText Markup Language\u003C/p>",[],{"type":75,"text":107,"media":108,"hasMath":9,"math":109,"answerTime":16},"",[],{"template":17,"latex":110},[],[],"MCQ",{"correct":12,"incorrect":16},[],[],[],[],2,"67946ccd48ec42bf33c81ea4",{"questionLanguage":121},"Korean","2025-01-25T04:47:09.600Z","2025-03-21T10:42:29.094Z",{"structure":125,"standards":163,"topics":164,"isSuperParent":9,"standardIds":165,"unifiedStandardIds":166,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":167,"time":40,"published":5,"aiCreateMeta":168,"type":112,"createdAt":122,"updated":169},{"settings":126,"hasMath":9,"query":127,"options":132,"explain":157,"hints":161,"kind":112,"marks":162,"answer":16},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":128,"answerTime":78,"text":130,"media":131},{"latex":129,"template":17},[],"\u003Cp>Which HTML element is used to define the title of a document?\u003C/p>",[],[133,139,145,151],{"type":75,"hasMath":9,"math":134,"answerTime":16,"id":136,"text":137,"media":138,"_id":136},{"latex":135,"template":17},[],"67946ccd3299df09d4848e40","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":75,"hasMath":9,"math":140,"answerTime":16,"id":142,"text":143,"media":144,"_id":142},{"latex":141,"template":17},[],"67946ccd3299dff223848e41","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":75,"hasMath":9,"math":146,"answerTime":16,"id":148,"text":149,"media":150,"_id":148},{"latex":147,"template":17},[],"67946ccd3299df42c2848e42","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":75,"hasMath":9,"math":152,"answerTime":16,"id":154,"text":155,"media":156,"_id":154},{"latex":153,"template":17},[],"67946ccd3299df2c82848e43","\u003Cp>\u003Cheader>\u003C/p>",[],{"type":75,"text":107,"media":158,"hasMath":9,"math":159,"answerTime":16},[],{"template":17,"latex":160},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81ea5",{"questionLanguage":37},"2025-03-21T10:42:29.104Z",{"structure":171,"standards":209,"topics":210,"isSuperParent":9,"standardIds":211,"unifiedStandardIds":212,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":213,"time":40,"published":5,"aiCreateMeta":214,"type":112,"createdAt":122,"updated":215},{"settings":172,"hasMath":9,"query":173,"options":178,"explain":203,"hints":207,"kind":112,"marks":208,"answer":118},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":174,"answerTime":78,"text":176,"media":177},{"latex":175,"template":17},[],"\u003Cp>What is the purpose of the \u003Chead> tag in HTML?\u003C/p>",[],[179,185,191,197],{"type":75,"hasMath":9,"math":180,"answerTime":16,"id":182,"text":183,"media":184,"_id":182},{"latex":181,"template":17},[],"67946ccd3299df5667848e47","\u003Cp>The \u003Chead> tag is for defining the layout of the webpage.\u003C/p>",[],{"type":75,"hasMath":9,"math":186,"answerTime":16,"id":188,"text":189,"media":190,"_id":188},{"latex":187,"template":17},[],"67946ccd3299dfa489848e48","\u003Cp>The \u003Chead> tag is used to display the main content of the page.\u003C/p>",[],{"type":75,"hasMath":9,"math":192,"answerTime":16,"id":194,"text":195,"media":196,"_id":194},{"latex":193,"template":17},[],"67946ccd3299df2ef4848e49","\u003Cp>The \u003Chead> tag is used to contain meta-information about the HTML document.\u003C/p>",[],{"type":75,"hasMath":9,"math":198,"answerTime":16,"id":200,"text":201,"media":202,"_id":200},{"latex":199,"template":17},[],"67946ccd3299df4865848e4a","\u003Cp>The \u003Chead> tag is used to include images and videos in the document.\u003C/p>",[],{"type":75,"text":107,"media":204,"hasMath":9,"math":205,"answerTime":16},[],{"template":17,"latex":206},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81ea6",{"questionLanguage":37},"2025-03-21T10:42:29.112Z",{"structure":217,"standards":255,"topics":256,"isSuperParent":9,"standardIds":257,"unifiedStandardIds":258,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":259,"time":40,"published":5,"aiCreateMeta":260,"type":112,"createdAt":122,"updated":261},{"settings":218,"hasMath":9,"query":219,"options":224,"explain":249,"hints":253,"kind":112,"marks":254,"answer":16},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":220,"answerTime":78,"text":222,"media":223},{"latex":221,"template":17},[],"\u003Cp>How do you create a hyperlink in HTML?\u003C/p>",[],[225,231,237,243],{"type":75,"hasMath":9,"math":226,"answerTime":16,"id":228,"text":229,"media":230,"_id":228},{"latex":227,"template":17},[],"67946ccd3299df5c83848e4e","\u003Cp>\u003Ca href='https://www.example.com'>Click here\u003C/a>\u003C/p>",[],{"type":75,"hasMath":9,"math":232,"answerTime":16,"id":234,"text":235,"media":236,"_id":234},{"latex":233,"template":17},[],"67946ccd3299df4e9f848e4f","\u003Cp>\u003Ca url='https://www.example.com'>Click here\u003C/a>\u003C/p>",[],{"type":75,"hasMath":9,"math":238,"answerTime":16,"id":240,"text":241,"media":242,"_id":240},{"latex":239,"template":17},[],"67946ccd3299dfa83f848e50","\u003Cp>\u003Chyperlink='https://www.example.com'>Click here\u003C/hyperlink>\u003C/p>",[],{"type":75,"hasMath":9,"math":244,"answerTime":16,"id":246,"text":247,"media":248,"_id":246},{"latex":245,"template":17},[],"67946ccd3299df81a1848e51","\u003Cp>\u003Clink href='https://www.example.com'>Click here\u003C/link>\u003C/p>",[],{"type":75,"text":107,"media":250,"hasMath":9,"math":251,"answerTime":16},[],{"template":17,"latex":252},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81ea7",{"questionLanguage":121},"2025-03-21T10:42:29.121Z",{"structure":263,"standards":301,"topics":302,"isSuperParent":9,"standardIds":303,"unifiedStandardIds":304,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":305,"time":40,"published":5,"aiCreateMeta":306,"type":112,"createdAt":122,"updated":307},{"settings":264,"hasMath":9,"query":265,"options":270,"explain":295,"hints":299,"kind":112,"marks":300,"answer":12},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":266,"answerTime":78,"text":268,"media":269},{"latex":267,"template":17},[],"\u003Cp>What does CSS stand for?\u003C/p>",[],[271,277,283,289],{"type":75,"hasMath":9,"math":272,"answerTime":16,"id":274,"text":275,"media":276,"_id":274},{"latex":273,"template":17},[],"67946ccd3299dfa48f848e55","\u003Cp>Cascading Style Scripts\u003C/p>",[],{"type":75,"hasMath":9,"math":278,"answerTime":16,"id":280,"text":281,"media":282,"_id":280},{"latex":279,"template":17},[],"67946ccd3299df615f848e56","\u003Cp>Cascading Style Sheets\u003C/p>",[],{"type":75,"hasMath":9,"math":284,"answerTime":16,"id":286,"text":287,"media":288,"_id":286},{"latex":285,"template":17},[],"67946ccd3299df92a4848e57","\u003Cp>Cascading System Styles\u003C/p>",[],{"type":75,"hasMath":9,"math":290,"answerTime":16,"id":292,"text":293,"media":294,"_id":292},{"latex":291,"template":17},[],"67946ccd3299dfb536848e58","\u003Cp>Creative Style Sheets\u003C/p>",[],{"type":75,"text":107,"media":296,"hasMath":9,"math":297,"answerTime":16},[],{"template":17,"latex":298},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81ea8",{"questionLanguage":37},"2025-03-21T10:42:29.270Z",{"structure":309,"standards":347,"topics":348,"isSuperParent":9,"standardIds":349,"unifiedStandardIds":350,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":351,"time":40,"published":5,"aiCreateMeta":352,"type":112,"createdAt":122,"updated":353},{"settings":310,"hasMath":9,"query":311,"options":316,"explain":341,"hints":345,"kind":112,"marks":346,"answer":118},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":312,"answerTime":78,"text":314,"media":315},{"latex":313,"template":17},[],"\u003Cp>Which property is used to change the background color in CSS?\u003C/p>",[],[317,323,329,335],{"type":75,"hasMath":9,"math":318,"answerTime":16,"id":320,"text":321,"media":322,"_id":320},{"latex":319,"template":17},[],"67946ccd3299df5e5d848e5c","\u003Cp>background-style\u003C/p>",[],{"type":75,"hasMath":9,"math":324,"answerTime":16,"id":326,"text":327,"media":328,"_id":326},{"latex":325,"template":17},[],"67946ccd3299df6006848e5d","\u003Cp>bg-color\u003C/p>",[],{"type":75,"hasMath":9,"math":330,"answerTime":16,"id":332,"text":333,"media":334,"_id":332},{"latex":331,"template":17},[],"67946ccd3299df2533848e5e","\u003Cp>background-color\u003C/p>",[],{"type":75,"hasMath":9,"math":336,"answerTime":16,"id":338,"text":339,"media":340,"_id":338},{"latex":337,"template":17},[],"67946ccd3299dfcdef848e5f","\u003Cp>color-background\u003C/p>",[],{"type":75,"text":107,"media":342,"hasMath":9,"math":343,"answerTime":16},[],{"template":17,"latex":344},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81ea9",{"questionLanguage":37},"2025-03-21T10:42:29.311Z",{"structure":355,"standards":393,"topics":394,"isSuperParent":9,"standardIds":395,"unifiedStandardIds":396,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":397,"time":40,"published":5,"aiCreateMeta":398,"type":112,"createdAt":122,"updated":399},{"settings":356,"hasMath":9,"query":357,"options":362,"explain":387,"hints":391,"kind":112,"marks":392,"answer":118},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":358,"answerTime":78,"text":360,"media":361},{"latex":359,"template":17},[],"\u003Cp>How can you apply CSS styles to an HTML element?\u003C/p>",[],[363,369,375,381],{"type":75,"hasMath":9,"math":364,"answerTime":16,"id":366,"text":367,"media":368,"_id":366},{"latex":365,"template":17},[],"67946ccd3299dfbe8a848e63","\u003Cp>By modifying the HTML structure instead of using CSS\u003C/p>",[],{"type":75,"hasMath":9,"math":370,"answerTime":16,"id":372,"text":373,"media":374,"_id":372},{"latex":371,"template":17},[],"67946ccd3299df2a39848e64","\u003Cp>Only through inline styles\u003C/p>",[],{"type":75,"hasMath":9,"math":376,"answerTime":16,"id":378,"text":379,"media":380,"_id":378},{"latex":377,"template":17},[],"67946ccd3299df51be848e65","\u003Cp>CSS styles can be applied using inline styles, internal stylesheets, or external stylesheets.\u003C/p>",[],{"type":75,"hasMath":9,"math":382,"answerTime":16,"id":384,"text":385,"media":386,"_id":384},{"latex":383,"template":17},[],"67946ccd3299df01e4848e66","\u003Cp>Using JavaScript to apply styles directly\u003C/p>",[],{"type":75,"text":107,"media":388,"hasMath":9,"math":389,"answerTime":16},[],{"template":17,"latex":390},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eaa",{"questionLanguage":37},"2025-03-21T10:42:29.319Z",{"structure":401,"standards":439,"topics":440,"isSuperParent":9,"standardIds":441,"unifiedStandardIds":442,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":443,"time":40,"published":5,"aiCreateMeta":444,"type":112,"createdAt":122,"updated":445},{"settings":402,"hasMath":9,"query":403,"options":408,"explain":433,"hints":437,"kind":112,"marks":438,"answer":118},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":404,"answerTime":78,"text":406,"media":407},{"latex":405,"template":17},[],"\u003Cp>What is the difference between class and ID selectors in CSS?\u003C/p>",[],[409,415,421,427],{"type":75,"hasMath":9,"math":410,"answerTime":16,"id":412,"text":413,"media":414,"_id":412},{"latex":411,"template":17},[],"67946ccd3299df0fa7848e6a","\u003Cp>Class selectors are always unique, while ID selectors can be reused.\u003C/p>",[],{"type":75,"hasMath":9,"math":416,"answerTime":16,"id":418,"text":419,"media":420,"_id":418},{"latex":417,"template":17},[],"67946ccd3299dfda2b848e6b","\u003Cp>Class selectors are defined with @media, while ID selectors use @import.\u003C/p>",[],{"type":75,"hasMath":9,"math":422,"answerTime":16,"id":424,"text":425,"media":426,"_id":424},{"latex":423,"template":17},[],"67946ccd3299df2cc7848e6c","\u003Cp>Class selectors (.) can be used multiple times, while ID selectors (#) must be unique.\u003C/p>",[],{"type":75,"hasMath":9,"math":428,"answerTime":16,"id":430,"text":431,"media":432,"_id":430},{"latex":429,"template":17},[],"67946ccd3299df43f1848e6d","\u003Cp>ID selectors are used for styling text, while class selectors are for layout.\u003C/p>",[],{"type":75,"text":107,"media":434,"hasMath":9,"math":435,"answerTime":16},[],{"template":17,"latex":436},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eab",{"questionLanguage":37},"2025-03-21T10:42:29.326Z",{"structure":447,"standards":485,"topics":486,"isSuperParent":9,"standardIds":487,"unifiedStandardIds":488,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":489,"time":40,"published":5,"aiCreateMeta":490,"type":112,"createdAt":122,"updated":491},{"settings":448,"hasMath":9,"query":449,"options":454,"explain":479,"hints":483,"kind":112,"marks":484,"answer":16},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":450,"answerTime":78,"text":452,"media":453},{"latex":451,"template":17},[],"\u003Cp>What HTML tag is used to define an unordered list?\u003C/p>",[],[455,461,467,473],{"type":75,"hasMath":9,"math":456,"answerTime":16,"id":458,"text":459,"media":460,"_id":458},{"latex":457,"template":17},[],"67946ccd3299df6e61848e71","\u003Cp>\u003Cul>\u003C/p>",[],{"type":75,"hasMath":9,"math":462,"answerTime":16,"id":464,"text":465,"media":466,"_id":464},{"latex":463,"template":17},[],"67946ccd3299df18c1848e72","\u003Cp>\u003Col>\u003C/p>",[],{"type":75,"hasMath":9,"math":468,"answerTime":16,"id":470,"text":471,"media":472,"_id":470},{"latex":469,"template":17},[],"67946ccd3299df80fc848e73","\u003Cp>\u003Clist>\u003C/p>",[],{"type":75,"hasMath":9,"math":474,"answerTime":16,"id":476,"text":477,"media":478,"_id":476},{"latex":475,"template":17},[],"67946ccd3299dff7ee848e74","\u003Cp>\u003Citem>\u003C/p>",[],{"type":75,"text":107,"media":480,"hasMath":9,"math":481,"answerTime":16},[],{"template":17,"latex":482},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eac",{"questionLanguage":37},"2025-03-21T10:42:29.334Z",{"structure":493,"standards":531,"topics":532,"isSuperParent":9,"standardIds":533,"unifiedStandardIds":534,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":535,"time":40,"published":5,"aiCreateMeta":536,"type":112,"createdAt":122,"updated":537},{"settings":494,"hasMath":9,"query":495,"options":500,"explain":525,"hints":529,"kind":112,"marks":530,"answer":118},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":496,"answerTime":78,"text":498,"media":499},{"latex":497,"template":17},[],"\u003Cp>How do you insert an image in HTML?\u003C/p>",[],[501,507,513,519],{"type":75,"hasMath":9,"math":502,"answerTime":16,"id":504,"text":505,"media":506,"_id":504},{"latex":503,"template":17},[],"67946ccd3299df3bd2848e78","\u003Cp>\u003Cpicture src='image_url' alt='description'>\u003C/p>",[],{"type":75,"hasMath":9,"math":508,"answerTime":16,"id":510,"text":511,"media":512,"_id":510},{"latex":509,"template":17},[],"67946ccd3299df304a848e79","\u003Cp>\u003Cimg href='image_url'>\u003C/p>",[],{"type":75,"hasMath":9,"math":514,"answerTime":16,"id":516,"text":517,"media":518,"_id":516},{"latex":515,"template":17},[],"67946ccd3299df5021848e7a","\u003Cp>\u003Cimg src='image_url' alt='description'>\u003C/p>",[],{"type":75,"hasMath":9,"math":520,"answerTime":16,"id":522,"text":523,"media":524,"_id":522},{"latex":521,"template":17},[],"67946ccd3299df30aa848e7b","\u003Cp>\u003Cimage src='image_url'>\u003C/p>",[],{"type":75,"text":107,"media":526,"hasMath":9,"math":527,"answerTime":16},[],{"template":17,"latex":528},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81ead",{"questionLanguage":37},"2025-03-21T10:42:29.345Z",{"structure":539,"standards":577,"topics":578,"isSuperParent":9,"standardIds":579,"unifiedStandardIds":580,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":581,"time":40,"published":5,"aiCreateMeta":582,"type":112,"createdAt":122,"updated":583},{"settings":540,"hasMath":9,"query":541,"options":546,"explain":571,"hints":575,"kind":112,"marks":576,"answer":16},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":542,"answerTime":78,"text":544,"media":545},{"latex":543,"template":17},[],"\u003Cp>What is the purpose of the \u003Cdiv> tag in HTML?\u003C/p>",[],[547,553,559,565],{"type":75,"hasMath":9,"math":548,"answerTime":16,"id":550,"text":551,"media":552,"_id":550},{"latex":549,"template":17},[],"67946ccd3299df8198848e7f","\u003Cp>The \u003Cdiv> tag serves as a generic container for grouping and styling HTML elements.\u003C/p>",[],{"type":75,"hasMath":9,"math":554,"answerTime":16,"id":556,"text":557,"media":558,"_id":556},{"latex":555,"template":17},[],"67946ccd3299dfdc4c848e80","\u003Cp>The \u003Cdiv> tag is a semantic element that defines a header.\u003C/p>",[],{"type":75,"hasMath":9,"math":560,"answerTime":16,"id":562,"text":563,"media":564,"_id":562},{"latex":561,"template":17},[],"67946ccd3299df6237848e81","\u003Cp>The \u003Cdiv> tag is specifically for embedding images.\u003C/p>",[],{"type":75,"hasMath":9,"math":566,"answerTime":16,"id":568,"text":569,"media":570,"_id":568},{"latex":567,"template":17},[],"67946ccd3299df566a848e82","\u003Cp>The \u003Cdiv> tag is used to create hyperlinks in HTML.\u003C/p>",[],{"type":75,"text":107,"media":572,"hasMath":9,"math":573,"answerTime":16},[],{"template":17,"latex":574},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eae",{"questionLanguage":37},"2025-03-21T10:42:29.354Z",{"structure":585,"standards":623,"topics":624,"isSuperParent":9,"standardIds":625,"unifiedStandardIds":626,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":627,"time":40,"published":5,"aiCreateMeta":628,"type":112,"createdAt":122,"updated":629},{"settings":586,"hasMath":9,"query":587,"options":592,"explain":617,"hints":621,"kind":112,"marks":622,"answer":16},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":588,"answerTime":78,"text":590,"media":591},{"latex":589,"template":17},[],"\u003Cp>How can you center a block element using CSS?\u003C/p>",[],[593,599,605,611],{"type":75,"hasMath":9,"math":594,"answerTime":16,"id":596,"text":597,"media":598,"_id":596},{"latex":595,"template":17},[],"67946ccd3299df80d1848e86","\u003Cp>Set the element's width and use 'margin: auto;'\u003C/p>",[],{"type":75,"hasMath":9,"math":600,"answerTime":16,"id":602,"text":603,"media":604,"_id":602},{"latex":601,"template":17},[],"67946ccd3299df40b7848e87","\u003Cp>Set the element's height and use 'padding: auto;'\u003C/p>",[],{"type":75,"hasMath":9,"math":606,"answerTime":16,"id":608,"text":609,"media":610,"_id":608},{"latex":607,"template":17},[],"67946ccd3299df1d69848e88","\u003Cp>Use 'display: flex;' and align items to the center\u003C/p>",[],{"type":75,"hasMath":9,"math":612,"answerTime":16,"id":614,"text":615,"media":616,"_id":614},{"latex":613,"template":17},[],"67946ccd3299df2081848e89","\u003Cp>Apply 'float: left;' to the element and set a fixed width\u003C/p>",[],{"type":75,"text":107,"media":618,"hasMath":9,"math":619,"answerTime":16},[],{"template":17,"latex":620},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eaf",{"questionLanguage":37},"2025-03-21T10:42:29.361Z",{"structure":631,"standards":669,"topics":670,"isSuperParent":9,"standardIds":671,"unifiedStandardIds":672,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":673,"time":40,"published":5,"aiCreateMeta":674,"type":112,"createdAt":122,"updated":675},{"settings":632,"hasMath":9,"query":633,"options":638,"explain":663,"hints":667,"kind":112,"marks":668,"answer":12},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":634,"answerTime":78,"text":636,"media":637},{"latex":635,"template":17},[],"\u003Cp>What is the default display value of a \u003Cdiv> element?\u003C/p>",[],[639,645,651,657],{"type":75,"hasMath":9,"math":640,"answerTime":16,"id":642,"text":643,"media":644,"_id":642},{"latex":641,"template":17},[],"67946ccd3299df207b848e8d","\u003Cp>grid\u003C/p>",[],{"type":75,"hasMath":9,"math":646,"answerTime":16,"id":648,"text":649,"media":650,"_id":648},{"latex":647,"template":17},[],"67946ccd3299df6e94848e8e","\u003Cp>block\u003C/p>",[],{"type":75,"hasMath":9,"math":652,"answerTime":16,"id":654,"text":655,"media":656,"_id":654},{"latex":653,"template":17},[],"67946ccd3299df6d51848e8f","\u003Cp>flex\u003C/p>",[],{"type":75,"hasMath":9,"math":658,"answerTime":16,"id":660,"text":661,"media":662,"_id":660},{"latex":659,"template":17},[],"67946ccd3299df33c8848e90","\u003Cp>inline\u003C/p>",[],{"type":75,"text":107,"media":664,"hasMath":9,"math":665,"answerTime":16},[],{"template":17,"latex":666},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eb0",{"questionLanguage":37},"2025-03-21T10:42:29.371Z",{"structure":677,"standards":715,"topics":716,"isSuperParent":9,"standardIds":717,"unifiedStandardIds":718,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":719,"time":40,"published":5,"aiCreateMeta":720,"type":112,"createdAt":122,"updated":721},{"settings":678,"hasMath":9,"query":679,"options":684,"explain":709,"hints":713,"kind":112,"marks":714,"answer":16},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":680,"answerTime":78,"text":682,"media":683},{"latex":681,"template":17},[],"\u003Cp>How do you create a responsive design using CSS?\u003C/p>",[],[685,691,697,703],{"type":75,"hasMath":9,"math":686,"answerTime":16,"id":688,"text":689,"media":690,"_id":688},{"latex":687,"template":17},[],"67946ccd3299dfc653848e94","\u003Cp>Use CSS Grid or Flexbox for layout, media queries for responsiveness, and relative units for sizing.\u003C/p>",[],{"type":75,"hasMath":9,"math":692,"answerTime":16,"id":694,"text":695,"media":696,"_id":694},{"latex":693,"template":17},[],"67946ccd3299df1ff7848e95","\u003Cp>Use only fixed pixel sizes for layout.\u003C/p>",[],{"type":75,"hasMath":9,"math":698,"answerTime":16,"id":700,"text":701,"media":702,"_id":700},{"latex":699,"template":17},[],"67946ccd3299dfef18848e96","\u003Cp>Avoid using media queries altogether.\u003C/p>",[],{"type":75,"hasMath":9,"math":704,"answerTime":16,"id":706,"text":707,"media":708,"_id":706},{"latex":705,"template":17},[],"67946ccd3299df2d87848e97","\u003Cp>Rely solely on JavaScript for responsive design.\u003C/p>",[],{"type":75,"text":107,"media":710,"hasMath":9,"math":711,"answerTime":16},[],{"template":17,"latex":712},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eb1",{"questionLanguage":37},"2025-03-21T10:42:29.380Z",{"structure":723,"standards":761,"topics":762,"isSuperParent":9,"standardIds":763,"unifiedStandardIds":764,"aiGenerated":5,"__v":118,"teleportFrom":17,"cloned":17,"ver":118,"parent":17,"_id":765,"time":40,"published":5,"aiCreateMeta":766,"type":112,"createdAt":122,"updated":767},{"settings":724,"hasMath":9,"query":725,"options":730,"explain":755,"hints":759,"kind":112,"marks":760,"answer":118},{"hasCorrectAnswer":5,"fibDataType":73,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9,"showAdvancedRTE":9},{"type":75,"hasMath":9,"math":726,"answerTime":78,"text":728,"media":729},{"latex":727,"template":17},[],"\u003Cp>What is the purpose of the \u003Cmeta> tag in HTML?\u003C/p>",[],[731,737,743,749],{"type":75,"hasMath":9,"math":732,"answerTime":16,"id":734,"text":735,"media":736,"_id":734},{"latex":733,"template":17},[],"67946ccd3299df279a848e9b","\u003Cp>To define the structure of the HTML document.\u003C/p>",[],{"type":75,"hasMath":9,"math":738,"answerTime":16,"id":740,"text":741,"media":742,"_id":740},{"latex":739,"template":17},[],"67946ccd3299df1286848e9c","\u003Cp>To link external CSS stylesheets.\u003C/p>",[],{"type":75,"hasMath":9,"math":744,"answerTime":16,"id":746,"text":747,"media":748,"_id":746},{"latex":745,"template":17},[],"67946ccd3299df5931848e9d","\u003Cp>To provide metadata about the HTML document.\u003C/p>",[],{"type":75,"hasMath":9,"math":750,"answerTime":16,"id":752,"text":753,"media":754,"_id":752},{"latex":751,"template":17},[],"67946ccd3299df59d0848e9e","\u003Cp>To create interactive elements in the document.\u003C/p>",[],{"type":75,"text":107,"media":756,"hasMath":9,"math":757,"answerTime":16},[],{"template":17,"latex":758},[],[],{"correct":12,"incorrect":16},[],[],[],[],"67946ccd48ec42bf33c81eb2",{"questionLanguage":37},"2025-03-21T10:42:29.389Z",[],"2025-01-25T04:47:09.473Z","2025-01-25T04:47:28.576Z","2025-01-25T04:47:09.472Z","2025-02-02T02:42:00.229Z","DISABLED","2026-09-28T05:25:48.274Z",{"service":776,"version":777},"quizserver","b2917822de7be915f02fe2ffd18af1ee38c16d51",{"success":5,"data":779,"time":864},{"quizzes":780,"total":860,"timeTaken":861,"experiment":862,"source":863},[781,792,803,814,823,831,839,851],{"id":782,"isSuper":5,"type":19,"info":783,"shouldIndex":9,"stats":787},"68ed473a789eb6407fc0d9d1",{"grade":784,"name":785,"slug":785,"image":786},[60,60],"CyberSmarts: 10-Minute Cybersecurity Challenge","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e1d41b2d-aa08-45f4-b767-27b4f71cf692-v2",{"played":788,"totalPlayers":789,"totalCorrect":790,"totalQuestions":791},6,102,854,12,{"id":793,"isSuper":9,"type":19,"info":794,"shouldIndex":9,"stats":798},"68d4e7ba86bc6de17955b6a8",{"grade":795,"name":796,"slug":796,"image":797},[60,60],"Exploring AI Tools for Educators","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b915c325-0c51-4a04-b464-fbcfecc54bc0-v2",{"played":799,"totalPlayers":800,"totalCorrect":801,"totalQuestions":802},4,82,648,20,{"id":804,"isSuper":9,"type":19,"info":805,"shouldIndex":9,"stats":809},"685a006dbd8d44008b07362d",{"grade":806,"name":807,"slug":807,"image":808},[60,60],"Data Analysis Vocabulary","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/41df84a6-32cf-4218-8f96-8a1d37c87fcd-v2",{"played":810,"totalPlayers":811,"totalCorrect":812,"totalQuestions":813},11,48,142,10,{"id":815,"isSuper":9,"type":19,"info":816,"shouldIndex":9,"stats":820},"68ac832b7a6bcae0f1b2e153",{"grade":817,"name":818,"slug":818,"image":819},[60,60],"SOHO Router and Security Practices Quiz","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f1d59a71-78e1-4921-a685-5e7118a0c640",{"played":12,"totalPlayers":821,"totalCorrect":822,"totalQuestions":802},37,588,{"id":824,"isSuper":9,"type":19,"info":825,"shouldIndex":9,"stats":829},"6791cd56ceb2b21f4e2ff08b",{"grade":826,"name":827,"slug":827,"image":828},[60,60],"MSBTE Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5583a87a-3e5c-493f-a233-cb8608e19760-v2",{"played":64,"totalPlayers":13,"totalCorrect":830,"totalQuestions":802},234,{"id":832,"isSuper":9,"type":19,"info":833,"shouldIndex":9,"stats":837},"6744ca151a98c04e9c64e56b",{"grade":834,"name":835,"slug":835,"image":836},[60,60],"E-LEARNING ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fc4e9a07-c293-4460-a2ef-987a1b43f2e4-v2",{"played":64,"totalPlayers":13,"totalCorrect":838,"totalQuestions":813},137,{"id":840,"isSuper":9,"type":19,"info":841,"shouldIndex":9,"stats":846},"66a632cbe53147cd5c6232df",{"grade":842,"name":843,"slug":844,"image":845},[60,60],"DECI - WEEK#7 - Time Machine","RoboMind Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e0f2546a-2d32-4b4a-9605-68201c10c07f-v2",{"played":847,"totalPlayers":848,"totalCorrect":849,"totalQuestions":850},106,150,1621,15,{"id":852,"isSuper":9,"type":19,"info":853,"shouldIndex":9,"stats":857},"66e53ac13db859cab5e44a51",{"grade":854,"name":855,"slug":855,"image":856},[60,60],"Prelim: Networking II","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/209c60b7-acf6-4170-b74b-d832897dbb1b-v2",{"played":788,"totalPlayers":858,"totalCorrect":859,"totalQuestions":802},140,2250,91,23,"quizPageRecoPublicSearch","recommended_search","2026-09-28T05:25:48.308449845Z",["Reactive",866],{"$scurrent-user":17,"$srequestCountry":867,"$srequestRegion":-1},"US",["Set"],["ShallowReactive",870],{"print-quiz-67946ccd8225ff78666039fd":17,"print-recommendations-67946ccd8225ff78666039fd-false":17},"/print/quiz/67946ccd8225ff78666039fd",["Reactive",873],{"worksheetGame":874},{"gameId":875,"worksheetId":877,"gradedChoice":878,"isGameSettingsMode":879,"isBubbleSheet":881,"printCtaTime":882},["EmptyRef",876],"null",["EmptyRef",876],["EmptyRef",876],["EmptyRef",880],"false",["EmptyRef",880],["EmptyRef",876]]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",isSsgBuild:false,worksheetDetailIndexable:false,enablePseudoLocale:false,apiBase:"/undefined/undefined",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:true},gtag:{id:""},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"server",port:"8080",worker_page_type:"quizPage",component_name:"worksheet",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},da:{domain:""},nb:{domain:""},fi:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""},sw:{domain:""},uk:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"f611fdaf-c30d-4c8d-b8e1-3fcb841f4ac0",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>