JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Practice Problem

•

Hard

Wayground Content

FREE Resource

This video tutorial introduces HTML, explaining its role in structuring web content. It covers the basic structure of an HTML page, including the doctype, head, and body tags. The tutorial also discusses different types of HTML tags, attributes, and how to create a basic HTML document using VS Code. Additionally, it demonstrates the use of Prettier for formatting and Live Server for live preview. The concept of boilerplate code and meta tags is also introduced.

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the primary purpose of HTML in web development?

To style web pages

To structure web content

To add interactivity to web pages

To store data

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tool can be used to inspect the structure of a web page?

Console

Network tool

Inspect tool

Debugger

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the doctype declaration in an HTML document?

To declare the document type and version

To specify the character encoding

To link external stylesheets

To define the language of the document

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which HTML tag is used to define the root of an HTML document?

</p></div></div></div></div></div></div></div></div></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="" data-v-24b85165><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.s5gy7udqols" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-72367f90></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></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">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></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">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>What is the difference between opening and closing tags and self-closing tags?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Self-closing tags require a separate closing tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Opening and closing tags do not require a closing tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Self-closing tags are used for block elements</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Opening and closing tags require both an opening and a closing tag</p></div></div></div></div></div></div></div></div></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="" data-v-24b85165><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.n815koxrbe" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-72367f90></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></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">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></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">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Which symbol is used to start an HTML tag?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Parentheses ()</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Angle brackets <></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Square brackets []</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Curly braces {}</p></div></div></div></div></div></div></div></div></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="" data-v-24b85165><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.qoz9ndhctrj" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-72367f90></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></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">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></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">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>What is the role of the head section in an HTML document?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To define the main content of the page</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To store metadata and links to external resources</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To handle user interactions</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To display content on the web page</p></div></div></div></div></div></div></div></div></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="display:none;" data-v-24b85165><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.4itu6nx1zan" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-72367f90></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></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">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></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">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Which tag is used to define the title of a web page?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><title></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><link></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><meta></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><script></p></div></div></div></div></div></div></div></div></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="display:none;" data-v-24b85165><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.3sdn9kmsck7" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-72367f90></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></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">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></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">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>What is the purpose of the boilerplate code in HTML?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To add styles to the document</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To include JavaScript functionality</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To connect to a database</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To provide a basic structure for an HTML document</p></div></div></div></div></div></div></div></div></div><div class="flex rounded-none border-t border-wds-light-200 overflow-hidden justify-start items-stretch flex-col flex-nowrap" style=""><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" style="display:none;" data-v-24b85165><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.ikha98a3g9p" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-72367f90></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></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">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></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">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-24b85165><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-24b85165><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Which section of an HTML document contains the visible content?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-24b85165><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Title</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Meta</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Body</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Head</p></div></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-4419715e><div class="w-full h-160 content-blocker" style="" data-v-4419715e><div class="flex gap-4 pt-0 pr-0 pb-4 pl-0 m-0 justify-center items-center w-full h-full flex-col flex-nowrap" style="" data-v-4419715e><div class="bg-wds-light-500 rounded-w-admin-xl overflow-hidden border border-wds-light-200 w-120 h-auto" style="" data-v-4419715e><div class="flex justify-center items-center flex-row flex-nowrap w-full" style="" data-v-4419715e><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" style="" data-v-4419715e><div class="flex max-h-full bg-wds-light-500 justify-start items-stretch w-full h-full flex-col flex-nowrap" style="" data-v-4419715e><div class="flex p-10 gap-4 justify-start items-stretch w-full flex-col flex-nowrap" style=""><section class="flex gap-2 justify-start items-stretch flex-col flex-nowrap" style=""><h2 class="text-center text-w-header-base font-semibold" data-testid="auth-modal-welcome-title">Access all questions and much more by creating a free account</h2><p id class="text-center text-wds-dark-200 text-w-content-base font-normal"></p><div class="flex gap-1 justify-between items-stretch flex-row flex-nowrap" style=""><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Create resources</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Host any resource</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Get auto-graded reports</p></div></div></section><div class="flex gap-3 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Google" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-full h-full object-contain" data-testid="undefined-image"></div><p id class="text-w-control-base font-semibold">Continue with Google</p></div><div id class="contents"><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-regular-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Email" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-full h-full object-contain" data-testid="undefined-image"></div><p id class="text-w-control-base font-semibold">Continue with Email</p></div><div id class="contents"><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-regular-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Classlink" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-full h-full object-contain" data-testid="undefined-image"></div><p id class="text-w-control-base font-semibold">Continue with Classlink</p></div><div id class="contents"><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-regular-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Clever" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/img/logos/clever-logo.png" alt="Clever" class="w-full h-full object-contain" data-testid="undefined-image"></div><p id class="text-w-control-base font-semibold">Continue with Clever</p></div><div id class="contents"><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-regular-arrow-right"></i></div></div></div></div><p id class="text-wds-dark-200 text-center text-w-content-base font-normal">or continue with</p><div class="flex gap-4 justify-center items-stretch flex-row flex-nowrap" style=""><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Microsoft" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/img/logos/ms-logo.png" alt="Microsoft" class="w-full h-full object-contain" data-testid="undefined-image"></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Microsoft</p></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Apple" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/image/Shape%20(1)%20(1).png" alt="Apple" class="w-full h-full object-contain" data-testid="undefined-image"></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Apple</p></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Others" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/img/logos/grey_key_icon.png" alt="Others" class="w-full h-full object-contain" data-testid="undefined-image"></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Others</p></div></div></div><div class="flex justify-start items-stretch flex-col flex-nowrap" style=""><div class="flex py-0 px-10 justify-center items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-100 text-w-content-small font-normal"></p></div><div class="flex gap-2 py-4 px-10 bg-wds-light-500 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">Already have an account?</p><button type="button" aria-label="Log in" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="signup-button-in-login" data-track="Log in-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><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">Log in</p></div></div></button></div></div></div></div></div></div><button type="button" aria-label="Let me read it first" 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="restrict-content-bypass-btn" data-track="Let me read it first-ukw-button" data-v-4419715e><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" 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">Let me read it first</p></div></div></button></div></div></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-50 justify-center items-center flex-row flex-nowrap" 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-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button" data-track="View all-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" 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="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-fdf4f615><div class="h-full relative" data-v-fdf4f615 data-v-a0dfa7ab><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-a0dfa7ab><div class="content h-full" data-v-a0dfa7ab><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/video-quiz/66ea942c6c355b7a386200a5/chapter-5" data-testid="activity-recommendation-card-66ea942c6c355b7a386200a5"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="CHAPTER 5" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 7 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.jqf6nlnj3j" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">CHAPTER 5</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" 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">Interactive video</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">University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-a0dfa7ab><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-a0dfa7ab></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-fdf4f615><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-fdf4f615><button type="button" aria-label="chevron-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-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-fdf4f615><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" 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="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-fdf4f615><div class="h-full relative" data-v-fdf4f615 data-v-a0dfa7ab><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-a0dfa7ab><div class="content h-full" data-v-a0dfa7ab><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/video-quiz/67a8a1739b9b86c598cac575/history-of-valentines-day" data-testid="activity-popular-resource-card-67a8a1739b9b86c598cac575"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="History of Valentine's Day" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 7 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.1h0jpp4lfft" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">History of Valentine's Day</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" 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">Interactive video</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">4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6283f3d3d9e24d001ed1cfde/fractions-on-a-number-line" data-testid="activity-popular-resource-card-6283f3d3d9e24d001ed1cfde"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Fractions on a Number Line" 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.ge7m8wkp8u" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Fractions on a Number Line</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5d9217ff42b14f001b98f716/equivalent-fractions" data-testid="activity-popular-resource-card-5d9217ff42b14f001b98f716"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Equivalent Fractions" 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.6w57kz3qvro" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Equivalent Fractions</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Multiplication Facts" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.k43plm0ppw" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a97f24c3773c8001bc3bbb0/fractions" data-testid="activity-popular-resource-card-5a97f24c3773c8001bc3bbb0"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="fractions" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 22 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.p4egsshl8z" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">fractions</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/60203012972738001b96d05c/valentines-day-trivia" data-testid="activity-popular-resource-card-60203012972738001b96d05c"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Valentine's Day Trivia" 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.exa88chyaph" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Valentine's Day Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/64eccefe94d91c6ecb4c2284/main-idea-and-details" data-testid="activity-popular-resource-card-64eccefe94d91c6ecb4c2284"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Main Idea and Details" 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.ranzm1bnrk" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Main Idea and Details</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/621ce020fbd544001d3587bf/context-clues" data-testid="activity-popular-resource-card-621ce020fbd544001d3587bf"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Context Clues" 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.ijtglpvie3" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Context Clues</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">6th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-a0dfa7ab><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-a0dfa7ab></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-fdf4f615><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-fdf4f615><button type="button" aria-label="chevron-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-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-fdf4f615><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" 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="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-w-header-base font-semibold">Discover more resources for Information Technology (IT)</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-fdf4f615><div class="h-full relative" data-v-fdf4f615 data-v-a0dfa7ab><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-a0dfa7ab><div class="content h-full" data-v-a0dfa7ab><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/6209644e5b23c1001d79be18/valentines-day-trivia" data-testid="activity-subject-resource-card-6209644e5b23c1001d79be18"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Valentines Day Trivia" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.m9knnonwrw" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Valentines Day Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">3rd Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/656500a4fdc3e8e4f52f2d9d/iread-week-4-review" data-testid="activity-subject-resource-card-656500a4fdc3e8e4f52f2d9d"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="IREAD Week 4 - Review" 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.24jmi3ku88h" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">IREAD Week 4 - Review</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">3rd Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/5b1e0890f122d0001ad283ff/subject-verb-agreement" data-testid="activity-subject-resource-card-5b1e0890f122d0001ad283ff"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Subject Verb Agreement" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 23 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.8op4ewq3pb" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Subject Verb Agreement</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">9th Grade - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67779fd3d198d4f20db12505/what-is-presidents-day" data-testid="activity-subject-resource-card-67779fd3d198d4f20db12505"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="What is Presidents' Day?" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 5 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.s5ftkhumzsr" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">What is Presidents' Day?</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" 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">Interactive video</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">10th Grade - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6774d3dd17a63503f6089c9a/renewable-and-nonrenewable-resources" data-testid="activity-subject-resource-card-6774d3dd17a63503f6089c9a"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Renewable and Nonrenewable Resources" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 7 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.hxjzj8qbzc" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Renewable and Nonrenewable Resources</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" 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">Interactive video</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">4th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/5e4e867cf6b716001bb990e2/mardi-gras-history" data-testid="activity-subject-resource-card-5e4e867cf6b716001bb990e2"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Mardi Gras History" 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.zdpohdaim3" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Mardi Gras History</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">6th Grade - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/677577d5ece1855b675840d9/the-roaring-20s-crash-course-us-history" data-testid="activity-subject-resource-card-677577d5ece1855b675840d9"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="The Roaring 20's Crash Course US History " 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" data-testid="activity-display-card-stats" style=""><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 gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.k8ccukk6q5" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">The Roaring 20's Crash Course US History </p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" 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">Interactive video</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">11th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/698a4d2478b6d8131e2434cd/review9teacher" data-testid="activity-subject-resource-card-698a4d2478b6d8131e2434cd"><div class="w-60 h-auto" style=""><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-dark-500 overflow-hidden justify-start items-start flex-col flex-nowrap" 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="Review9_TEACHER" 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" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 17 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style=""><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div aria-describedby="tooltip-0.dyrrxlt9yw" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Review9_TEACHER</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img style="" 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">Quiz</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">University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-a0dfa7ab><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-a0dfa7ab></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-fdf4f615><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-fdf4f615><button type="button" aria-label="chevron-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-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-fdf4f615><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" 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="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-fdf4f615><div class="h-full relative" data-v-fdf4f615 data-v-a0dfa7ab><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-a0dfa7ab><div class="content h-full" data-v-a0dfa7ab><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/probability/basic-probability-concepts/interpreting-conditional-probability-of-a-given-b" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.7f7z93mx537" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Interpreting Conditional Probability of A given B</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Interpreting Conditional Probability of A given B-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/conventions/grammar/parts-of-speech/pronouns/relative" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.0ja2xfd9l0i5" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Relative</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Relative-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/history/civil-war-and-reconstruction-1850-1877/the-civil-war/the-conclusion-of-the-war" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.t735lk5obti" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">The conclusion of the war</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="The conclusion of the war-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/number-system/rational-numbers/operations-with-rational-numbers/solving-multi-step-problems-with-rational-numbers" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.q1pyl2lhddh" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Solving multi-step problems with rational numbers</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Solving multi-step problems with rational numbers-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/career-technical/career-exploration/develop-responsibility" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.9pruiijq588" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Develop responsibility</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Develop responsibility-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/number-system/matrices/matrix-concepts/understanding-and-using-matrices/representing-and-manipulating-data-through-matrices" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.r67840gddaq" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Representing and manipulating data through matrices</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Representing and manipulating data through matrices-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/physics/electrodynamics/magnetostatics/magnetic-vector-potential" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.b4gcwwz8p17" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Magnetic vector potential</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Magnetic vector potential-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/geometry/volume/volume-of-3d-figures/volume-formulas-for-cones-cylinders-spheres" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.mj013k90kyi" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Volume Formulas for Cones, Cylinders, Spheres</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Volume Formulas for Cones, Cylinders, Spheres-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/earth-and-space-science/weather-and-climate/weather/weather-conditions" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.cqsszdzlr7e" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Weather conditions</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Weather conditions-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/geography/places-and-regions/communities/types-of-communities/urban-communities" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.z7qdhc2h86" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Urban communities</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Urban communities-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-a0dfa7ab><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-a0dfa7ab></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-fdf4f615><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-fdf4f615><button type="button" aria-label="chevron-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-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-fdf4f615><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" 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="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-0f52b426><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-0f52b426><div class="flex flex-col justify-between w-full" data-v-0f52b426><div class="flex flex-col md:flex-row" data-v-0f52b426><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-0f52b426></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-0f52b426><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-0f52b426><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-0f52b426><p class="text-sm font-semibold copyright text-dark-4" data-v-0f52b426> © 2026 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-0f52b426><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-0f52b426><i class="social-icon fab fa-twitter" data-v-0f52b426></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-0f52b426><i class="social-icon fab fa-facebook" data-v-0f52b426></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-0f52b426><i class="social-icon fab fa-instagram" data-v-0f52b426></i></a><span class="block w-px h-5 bg-dark-5" data-v-0f52b426></span><a href="/practice/sitemaps" rel="noopener noreferrer" target="_blank" data-v-0f52b426><span class="text-sm text-dark-3 hover:underline" data-v-0f52b426><span data-v-0f52b426>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-0f52b426><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-0f52b426><span data-v-0f52b426>Get our app</span></label><div class="flex space-x-2" data-v-0f52b426><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-0f52b426><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-0f52b426></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-0f52b426><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-0f52b426></a></div></div></div></div></div></footer></main></div><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":1866,"once":1868,"_errors":1869,"serverRendered":5,"path":1871,"country":42,"region":1872},["ShallowReactive",3],{"recommendations-67742a2ad787a71f91c9ccf1-false":4,"quiz-67742a2ad787a71f91c9ccf1":27,"recommendations-aggregated-67742a2ad787a71f91c9ccf1":1665,"recommendations-indexed-67742a2ad787a71f91c9ccf1-false":1805},{"success":5,"data":6,"time":26},true,{"quizzes":7,"total":22,"timeTaken":23,"experiment":24,"source":25},[8],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"66ea942c6c355b7a386200a5",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","CHAPTER 5","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/6885d9f5-15ab-4588-9638-dc58983b46e6-v2",{"played":18,"totalPlayers":19,"totalCorrect":20,"totalQuestions":21},2,17,68,7,8368,46,"quizPageRecoPublicSearch","recommended_search","2026-02-23T10:40:51.583002315Z",{"success":5,"message":28,"data":29,"time":1661,"meta":1662},"Ok",{"quiz":30,"draft":34},{"isTagged":10,"isLoved":10,"tagIds":31,"stats":32,"love":33,"cloned":10,"parentDetail":34,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":34,"publishedVersion":35,"isShared":10,"type":11,"hidden":10,"_id":36,"createdBy":37,"info":55,"paidOrganization":1657,"createdAt":1658,"updated":1659,"premiumUse":1660,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":34,"lock":34,"isPremium":10},[],{"played":33,"totalPlayers":33,"totalCorrect":33,"totalQuestions":33},0,null,"679a27374ddb9c0f4616a044","67742a2ad787a71f91c9ccf1",{"_id":38,"firstName":39,"lastName":40,"occupation":41,"country":42,"preferences":43,"grades":45,"subject_tags":50,"media":54},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":44},"en",[46,21,47,48,49],6,8,9,10,[51,52,53],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":44,"aiGenerated":10,"qm":56,"visibility":5,"subjects":70,"topics":73,"subtopics":74,"grade":75,"gradeLevel":34,"deleted":10,"pref":76,"traits":77,"standardIds":79,"__v":80,"meta":81,"_id":35,"name":82,"image":83,"questions":84,"questionDrafts":582,"standards":34,"courses":34,"interactiveVideoProps":583,"createdAt":1655,"updated":1656,"isProfane":10,"whitelisted":5,"slug":82},{"67742a3a152d1228f1faf1df":57,"67742a3a152d1228f1faf1e0":59,"67742a3a152d1228f1faf1e1":61,"67742a3a152d1228f1faf1e2":62,"67742a3a152d1228f1faf1e3":63,"67742a3a152d1228f1faf1e4":64,"67742a3a152d1228f1faf1e5":65,"67742a3a152d1228f1faf1e6":66,"67742a3a152d1228f1faf1e7":67,"67742a3a152d1228f1faf1e8":68,"67742a3a152d1228f1faf1e9":69},{"time":58},900000,{"time":60},30000,{"time":60},{"time":60},{"time":60},{"time":60},{"time":60},{"time":60},{"time":60},{"time":60},{"time":60},[71,72],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":34},{"isQuizWithoutCorrectAnswer":10,"totalSlides":33,"totalComprehensionQuestions":78,"nonAnswerableQuestions":78},1,[],3,{"slot":34,"experiment":34},"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/551b6d2c-b130-4c26-bc9b-f6fefb838670-v2",[85,145,192,235,279,322,366,410,454,496,539],{"structure":86,"standards":126,"topics":127,"isSuperParent":10,"standardIds":128,"unifiedStandardIds":129,"aiGenerated":10,"__v":130,"teleportFrom":34,"cloned":34,"ver":80,"parent":34,"_id":131,"time":58,"published":5,"aiCreateMeta":34,"type":87,"comprehensionQuestionIds":132,"createdAt":143,"updated":144},{"kind":87,"answer":88,"settings":89,"marks":91,"query":92,"options":107,"explain":108,"theme":112,"graphs":121,"hints":122,"order":123,"hasMath":10,"media":124,"elements":125},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":33,"incorrect":33},{"answerTime":93,"math":94,"type":34,"hasMath":10,"media":96,"text":105,"_id":106},-1,{"latex":95,"template":34},[],[97],{"type":98,"meta":99},"video",{"duration":100,"endTime":100,"startTime":33,"videoId":101,"src":102,"thumbnail":103,"filmstrip":104},707,"66814baede233b70ac23e13d","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_9zudqaqu/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_9zudqaqu/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67742a3a93794493b89f9a0e",[],{"math":109,"type":105,"hasMath":10,"media":111,"text":105},{"latex":110,"template":34},[],[],{"titleFontFamily":113,"fontFamily":113,"fontColor":114,"background":116,"shape":118},"Quicksand",{"text":115},"#5D2057",{"color":117,"image":105,"video":105},"#FFFFFF",{"largeShapeColor":119,"smallShapeColor":120},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],[],4,"67742a3a152d1228f1faf1df",[133,134,135,136,137,138,139,140,141,142],"67742a3a152d1228f1faf1e0","67742a3a152d1228f1faf1e1","67742a3a152d1228f1faf1e2","67742a3a152d1228f1faf1e3","67742a3a152d1228f1faf1e4","67742a3a152d1228f1faf1e5","67742a3a152d1228f1faf1e6","67742a3a152d1228f1faf1e7","67742a3a152d1228f1faf1e8","67742a3a152d1228f1faf1e9","2024-12-31T17:30:34.495Z","2025-01-29T13:03:51.447Z",{"structure":146,"standards":186,"topics":187,"isSuperParent":10,"standardIds":188,"unifiedStandardIds":189,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":133,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":190,"createdAt":191,"updated":144},{"settings":147,"hasMath":10,"query":148,"options":154,"explain":179,"hints":183,"kind":184,"marks":185,"answer":78},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":150,"answerTime":93,"text":152,"media":153},"text",{"latex":151,"template":34},[],"\u003Cp>What is the primary purpose of HTML in web development?\u003C/p>",[],[155,161,167,173],{"type":149,"hasMath":10,"math":156,"answerTime":33,"id":158,"text":159,"media":160,"_id":158},{"latex":157,"template":34},[],"67742a3a2efad6b8ad9e1d96","\u003Cp>To style web pages\u003C/p>",[],{"type":149,"hasMath":10,"math":162,"answerTime":33,"id":164,"text":165,"media":166,"_id":164},{"latex":163,"template":34},[],"67742a3a2efad60ba39e1d97","\u003Cp>To structure web content\u003C/p>",[],{"type":149,"hasMath":10,"math":168,"answerTime":33,"id":170,"text":171,"media":172,"_id":170},{"latex":169,"template":34},[],"67742a3a2efad6247d9e1d98","\u003Cp>To add interactivity to web pages\u003C/p>",[],{"type":149,"hasMath":10,"math":174,"answerTime":33,"id":176,"text":177,"media":178,"_id":176},{"latex":175,"template":34},[],"67742a3a2efad6e5c09e1d99","\u003Cp>To store data\u003C/p>",[],{"type":149,"text":105,"media":180,"hasMath":10,"math":181,"answerTime":33},[],{"template":34,"latex":182},[],[],"MCQ",{"correct":78,"incorrect":33},[],[],[],[],56,"2024-12-31T17:30:34.538Z",{"structure":193,"standards":231,"topics":232,"isSuperParent":10,"standardIds":233,"unifiedStandardIds":234,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":134,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":190,"createdAt":191,"updated":144},{"settings":194,"hasMath":10,"query":195,"options":200,"explain":225,"hints":229,"kind":184,"marks":230,"answer":18},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":196,"answerTime":93,"text":198,"media":199},{"latex":197,"template":34},[],"\u003Cp>Which tool can be used to inspect the structure of a web page?\u003C/p>",[],[201,207,213,219],{"type":149,"hasMath":10,"math":202,"answerTime":33,"id":204,"text":205,"media":206,"_id":204},{"latex":203,"template":34},[],"67742a3a2efad66cea9e1d9d","\u003Cp>Console\u003C/p>",[],{"type":149,"hasMath":10,"math":208,"answerTime":33,"id":210,"text":211,"media":212,"_id":210},{"latex":209,"template":34},[],"67742a3a2efad603f79e1d9e","\u003Cp>Network tool\u003C/p>",[],{"type":149,"hasMath":10,"math":214,"answerTime":33,"id":216,"text":217,"media":218,"_id":216},{"latex":215,"template":34},[],"67742a3a2efad6243c9e1d9f","\u003Cp>Inspect tool\u003C/p>",[],{"type":149,"hasMath":10,"math":220,"answerTime":33,"id":222,"text":223,"media":224,"_id":222},{"latex":221,"template":34},[],"67742a3a2efad68ed09e1da0","\u003Cp>Debugger\u003C/p>",[],{"type":149,"text":105,"media":226,"hasMath":10,"math":227,"answerTime":33},[],{"template":34,"latex":228},[],[],{"correct":78,"incorrect":33},[],[],[],[],{"structure":236,"standards":274,"topics":275,"isSuperParent":10,"standardIds":276,"unifiedStandardIds":277,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":135,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":278,"createdAt":191,"updated":144},{"settings":237,"hasMath":10,"query":238,"options":243,"explain":268,"hints":272,"kind":184,"marks":273,"answer":33},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":239,"answerTime":93,"text":241,"media":242},{"latex":240,"template":34},[],"\u003Cp>What is the purpose of the doctype declaration in an HTML document?\u003C/p>",[],[244,250,256,262],{"type":149,"hasMath":10,"math":245,"answerTime":33,"id":247,"text":248,"media":249,"_id":247},{"latex":246,"template":34},[],"67742a3a2efad624649e1da4","\u003Cp>To declare the document type and version\u003C/p>",[],{"type":149,"hasMath":10,"math":251,"answerTime":33,"id":253,"text":254,"media":255,"_id":253},{"latex":252,"template":34},[],"67742a3a2efad6e2799e1da5","\u003Cp>To specify the character encoding\u003C/p>",[],{"type":149,"hasMath":10,"math":257,"answerTime":33,"id":259,"text":260,"media":261,"_id":259},{"latex":258,"template":34},[],"67742a3a2efad655379e1da6","\u003Cp>To link external stylesheets\u003C/p>",[],{"type":149,"hasMath":10,"math":263,"answerTime":33,"id":265,"text":266,"media":267,"_id":265},{"latex":264,"template":34},[],"67742a3a2efad6615d9e1da7","\u003Cp>To define the language of the document\u003C/p>",[],{"type":149,"text":105,"media":269,"hasMath":10,"math":270,"answerTime":33},[],{"template":34,"latex":271},[],[],{"correct":78,"incorrect":33},[],[],[],[],140,{"structure":280,"standards":318,"topics":319,"isSuperParent":10,"standardIds":320,"unifiedStandardIds":321,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":136,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":278,"createdAt":191,"updated":144},{"settings":281,"hasMath":10,"query":282,"options":287,"explain":312,"hints":316,"kind":184,"marks":317,"answer":18},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":283,"answerTime":93,"text":285,"media":286},{"latex":284,"template":34},[],"\u003Cp>Which HTML tag is used to define the root of an HTML document?\u003C/p>",[],[288,294,300,306],{"type":149,"hasMath":10,"math":289,"answerTime":33,"id":291,"text":292,"media":293,"_id":291},{"latex":290,"template":34},[],"67742a3a2efad6690f9e1dab","\u003Cp>\u003Chead>\u003C/p>",[],{"type":149,"hasMath":10,"math":295,"answerTime":33,"id":297,"text":298,"media":299,"_id":297},{"latex":296,"template":34},[],"67742a3a2efad633de9e1dac","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":149,"hasMath":10,"math":301,"answerTime":33,"id":303,"text":304,"media":305,"_id":303},{"latex":302,"template":34},[],"67742a3a2efad657319e1dad","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":149,"hasMath":10,"math":307,"answerTime":33,"id":309,"text":310,"media":311,"_id":309},{"latex":308,"template":34},[],"67742a3a2efad6cdf29e1dae","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":149,"text":105,"media":313,"hasMath":10,"math":314,"answerTime":33},[],{"template":34,"latex":315},[],[],{"correct":78,"incorrect":33},[],[],[],[],{"structure":323,"standards":361,"topics":362,"isSuperParent":10,"standardIds":363,"unifiedStandardIds":364,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":137,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":365,"createdAt":191,"updated":144},{"settings":324,"hasMath":10,"query":325,"options":330,"explain":355,"hints":359,"kind":184,"marks":360,"answer":80},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":326,"answerTime":93,"text":328,"media":329},{"latex":327,"template":34},[],"\u003Cp>What is the difference between opening and closing tags and self-closing tags?\u003C/p>",[],[331,337,343,349],{"type":149,"hasMath":10,"math":332,"answerTime":33,"id":334,"text":335,"media":336,"_id":334},{"latex":333,"template":34},[],"67742a3a2efad641b99e1db2","\u003Cp>Self-closing tags require a separate closing tag\u003C/p>",[],{"type":149,"hasMath":10,"math":338,"answerTime":33,"id":340,"text":341,"media":342,"_id":340},{"latex":339,"template":34},[],"67742a3a2efad674429e1db3","\u003Cp>Opening and closing tags do not require a closing tag\u003C/p>",[],{"type":149,"hasMath":10,"math":344,"answerTime":33,"id":346,"text":347,"media":348,"_id":346},{"latex":345,"template":34},[],"67742a3a2efad646ab9e1db4","\u003Cp>Self-closing tags are used for block elements\u003C/p>",[],{"type":149,"hasMath":10,"math":350,"answerTime":33,"id":352,"text":353,"media":354,"_id":352},{"latex":351,"template":34},[],"67742a3a2efad657b39e1db5","\u003Cp>Opening and closing tags require both an opening and a closing tag\u003C/p>",[],{"type":149,"text":105,"media":356,"hasMath":10,"math":357,"answerTime":33},[],{"template":34,"latex":358},[],[],{"correct":78,"incorrect":33},[],[],[],[],261,{"structure":367,"standards":405,"topics":406,"isSuperParent":10,"standardIds":407,"unifiedStandardIds":408,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":138,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":409,"createdAt":191,"updated":144},{"settings":368,"hasMath":10,"query":369,"options":374,"explain":399,"hints":403,"kind":184,"marks":404,"answer":78},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":370,"answerTime":93,"text":372,"media":373},{"latex":371,"template":34},[],"\u003Cp>Which symbol is used to start an HTML tag?\u003C/p>",[],[375,381,387,393],{"type":149,"hasMath":10,"math":376,"answerTime":33,"id":378,"text":379,"media":380,"_id":378},{"latex":377,"template":34},[],"67742a3a2efad6612a9e1db9","\u003Cp>Parentheses ()\u003C/p>",[],{"type":149,"hasMath":10,"math":382,"answerTime":33,"id":384,"text":385,"media":386,"_id":384},{"latex":383,"template":34},[],"67742a3a2efad61dcd9e1dba","\u003Cp>Angle brackets \u003C>\u003C/p>",[],{"type":149,"hasMath":10,"math":388,"answerTime":33,"id":390,"text":391,"media":392,"_id":390},{"latex":389,"template":34},[],"67742a3a2efad670429e1dbb","\u003Cp>Square brackets []\u003C/p>",[],{"type":149,"hasMath":10,"math":394,"answerTime":33,"id":396,"text":397,"media":398,"_id":396},{"latex":395,"template":34},[],"67742a3a2efad65e529e1dbc","\u003Cp>Curly braces {}\u003C/p>",[],{"type":149,"text":105,"media":400,"hasMath":10,"math":401,"answerTime":33},[],{"template":34,"latex":402},[],[],{"correct":78,"incorrect":33},[],[],[],[],437,{"structure":411,"standards":449,"topics":450,"isSuperParent":10,"standardIds":451,"unifiedStandardIds":452,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":139,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":453,"createdAt":191,"updated":144},{"settings":412,"hasMath":10,"query":413,"options":418,"explain":443,"hints":447,"kind":184,"marks":448,"answer":78},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":414,"answerTime":93,"text":416,"media":417},{"latex":415,"template":34},[],"\u003Cp>What is the role of the head section in an HTML document?\u003C/p>",[],[419,425,431,437],{"type":149,"hasMath":10,"math":420,"answerTime":33,"id":422,"text":423,"media":424,"_id":422},{"latex":421,"template":34},[],"67742a3a2efad6bdfc9e1dc0","\u003Cp>To define the main content of the page\u003C/p>",[],{"type":149,"hasMath":10,"math":426,"answerTime":33,"id":428,"text":429,"media":430,"_id":428},{"latex":427,"template":34},[],"67742a3a2efad6c7499e1dc1","\u003Cp>To store metadata and links to external resources\u003C/p>",[],{"type":149,"hasMath":10,"math":432,"answerTime":33,"id":434,"text":435,"media":436,"_id":434},{"latex":433,"template":34},[],"67742a3a2efad611499e1dc2","\u003Cp>To handle user interactions\u003C/p>",[],{"type":149,"hasMath":10,"math":438,"answerTime":33,"id":440,"text":441,"media":442,"_id":440},{"latex":439,"template":34},[],"67742a3a2efad6e3319e1dc3","\u003Cp>To display content on the web page\u003C/p>",[],{"type":149,"text":105,"media":444,"hasMath":10,"math":445,"answerTime":33},[],{"template":34,"latex":446},[],[],{"correct":78,"incorrect":33},[],[],[],[],701,{"structure":455,"standards":492,"topics":493,"isSuperParent":10,"standardIds":494,"unifiedStandardIds":495,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":140,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":453,"createdAt":191,"updated":144},{"settings":456,"hasMath":10,"query":457,"options":462,"explain":486,"hints":490,"kind":184,"marks":491,"answer":33},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":458,"answerTime":93,"text":460,"media":461},{"latex":459,"template":34},[],"\u003Cp>Which tag is used to define the title of a web page?\u003C/p>",[],[463,468,474,480],{"type":149,"hasMath":10,"math":464,"answerTime":33,"id":466,"text":310,"media":467,"_id":466},{"latex":465,"template":34},[],"67742a3a2efad6f9419e1dc7",[],{"type":149,"hasMath":10,"math":469,"answerTime":33,"id":471,"text":472,"media":473,"_id":471},{"latex":470,"template":34},[],"67742a3a2efad627d99e1dc8","\u003Cp>\u003Clink>\u003C/p>",[],{"type":149,"hasMath":10,"math":475,"answerTime":33,"id":477,"text":478,"media":479,"_id":477},{"latex":476,"template":34},[],"67742a3a2efad60db09e1dc9","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":149,"hasMath":10,"math":481,"answerTime":33,"id":483,"text":484,"media":485,"_id":483},{"latex":482,"template":34},[],"67742a3a2efad67bc19e1dca","\u003Cp>\u003Cscript>\u003C/p>",[],{"type":149,"text":105,"media":487,"hasMath":10,"math":488,"answerTime":33},[],{"template":34,"latex":489},[],[],{"correct":78,"incorrect":33},[],[],[],[],{"structure":497,"standards":535,"topics":536,"isSuperParent":10,"standardIds":537,"unifiedStandardIds":538,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":141,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":453,"createdAt":191,"updated":144},{"settings":498,"hasMath":10,"query":499,"options":504,"explain":529,"hints":533,"kind":184,"marks":534,"answer":80},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":500,"answerTime":93,"text":502,"media":503},{"latex":501,"template":34},[],"\u003Cp>What is the purpose of the boilerplate code in HTML?\u003C/p>",[],[505,511,517,523],{"type":149,"hasMath":10,"math":506,"answerTime":33,"id":508,"text":509,"media":510,"_id":508},{"latex":507,"template":34},[],"67742a3a2efad699059e1dce","\u003Cp>To add styles to the document\u003C/p>",[],{"type":149,"hasMath":10,"math":512,"answerTime":33,"id":514,"text":515,"media":516,"_id":514},{"latex":513,"template":34},[],"67742a3a2efad644099e1dcf","\u003Cp>To include JavaScript functionality\u003C/p>",[],{"type":149,"hasMath":10,"math":518,"answerTime":33,"id":520,"text":521,"media":522,"_id":520},{"latex":519,"template":34},[],"67742a3a2efad620849e1dd0","\u003Cp>To connect to a database\u003C/p>",[],{"type":149,"hasMath":10,"math":524,"answerTime":33,"id":526,"text":527,"media":528,"_id":526},{"latex":525,"template":34},[],"67742a3a2efad613399e1dd1","\u003Cp>To provide a basic structure for an HTML document\u003C/p>",[],{"type":149,"text":105,"media":530,"hasMath":10,"math":531,"answerTime":33},[],{"template":34,"latex":532},[],[],{"correct":78,"incorrect":33},[],[],[],[],{"structure":540,"standards":578,"topics":579,"isSuperParent":10,"standardIds":580,"unifiedStandardIds":581,"aiGenerated":5,"__v":80,"teleportFrom":34,"cloned":34,"ver":18,"parent":34,"_id":142,"time":60,"published":5,"aiCreateMeta":34,"type":184,"comprehensionQuestionId":131,"comprehensionTimestamp":453,"createdAt":191,"updated":144},{"settings":541,"hasMath":10,"query":542,"options":547,"explain":572,"hints":576,"kind":184,"marks":577,"answer":18},{"hasCorrectAnswer":5,"fibDataType":90,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":543,"answerTime":93,"text":545,"media":546},{"latex":544,"template":34},[],"\u003Cp>Which section of an HTML document contains the visible content?\u003C/p>",[],[548,554,560,566],{"type":149,"hasMath":10,"math":549,"answerTime":33,"id":551,"text":552,"media":553,"_id":551},{"latex":550,"template":34},[],"67742a3a2efad6ebae9e1dd5","\u003Cp>Title\u003C/p>",[],{"type":149,"hasMath":10,"math":555,"answerTime":33,"id":557,"text":558,"media":559,"_id":557},{"latex":556,"template":34},[],"67742a3a2efad63d039e1dd6","\u003Cp>Meta\u003C/p>",[],{"type":149,"hasMath":10,"math":561,"answerTime":33,"id":563,"text":564,"media":565,"_id":563},{"latex":562,"template":34},[],"67742a3a2efad6592b9e1dd7","\u003Cp>Body\u003C/p>",[],{"type":149,"hasMath":10,"math":567,"answerTime":33,"id":569,"text":570,"media":571,"_id":569},{"latex":568,"template":34},[],"67742a3a2efad6535f9e1dd8","\u003Cp>Head\u003C/p>",[],{"type":149,"text":105,"media":573,"hasMath":10,"math":574,"answerTime":33},[],{"template":34,"latex":575},[],[],{"correct":78,"incorrect":33},[],[],[],[],[],{"videoMeta":584,"aiMeta":1583},{"videoProvider":102,"videoId":101,"videoTitle":82,"duration":100,"channelTitle":585,"videoType":586,"videoSubTypes":587,"transcript":589},"Packt - Web Development","INSTRUCTIONAL",[588],"CHALK_AND_TALK_PRESENTATION",[590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726,730,734,738,742,746,750,754,758,762,766,770,774,778,782,786,790,794,798,802,806,810,814,818,822,826,830,834,838,842,846,850,854,858,862,866,869,873,877,880,884,888,892,896,900,904,908,912,916,920,924,928,932,936,940,944,948,952,956,959,963,966,970,974,977,980,983,986,990,994,997,1001,1005,1009,1013,1017,1020,1024,1028,1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1119,1122,1125,1129,1132,1136,1140,1144,1148,1151,1155,1159,1163,1167,1170,1174,1177,1180,1184,1188,1192,1196,1200,1204,1208,1211,1214,1218,1222,1226,1230,1234,1238,1242,1246,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285,1288,1292,1296,1300,1303,1306,1309,1313,1317,1321,1325,1328,1332,1336,1340,1344,1348,1351,1355,1359,1363,1366,1369,1373,1377,1381,1384,1388,1391,1395,1399,1403,1407,1410,1414,1418,1422,1426,1429,1433,1436,1440,1444,1448,1452,1456,1459,1463,1467,1470,1473,1476,1480,1484,1488,1492,1496,1500,1503,1507,1511,1515,1519,1523,1526,1529,1533,1537,1541,1545,1549,1553,1557,1561,1565,1569,1572,1575,1579],{"text":591,"duration":592,"offset":593},"start our journey with HTML and discuss about everything in",3780,4411,{"text":595,"duration":596,"offset":597},"depth.",384,8255,{"text":599,"duration":600,"offset":601},"The first thing with HTML is it's used to structure",3781,9000,{"text":603,"duration":604,"offset":605},"everything that we see on web.",2225,12855,{"text":607,"duration":608,"offset":609},"Basically it's help us to structure the content that we",3242,15360,{"text":611,"duration":612,"offset":613},"see on our web page.",1178,18661,{"text":615,"duration":616,"offset":617},"Now if you try to open any type of web",2414,20320,{"text":619,"duration":620,"offset":621},"page, may be this one itself, the structure is divided",3431,22798,{"text":623,"duration":624,"offset":625},"behind the scene through HTML.",1906,26293,{"text":627,"duration":628,"offset":629},"For now you can just right click here and click",2912,28640,{"text":631,"duration":632,"offset":633},"on this inspect option.",1425,31614,{"text":635,"duration":636,"offset":637},"If you click here something like this will be open",3600,33320,{"text":639,"duration":640,"offset":641},"and you can either do this at the bottom or",3096,36992,{"text":643,"duration":644,"offset":645},"you can take this on the sidebar itself.",2880,40160,{"text":647,"duration":648,"offset":649},"I know this is pretty advanced stuff but this will",2877,43960,{"text":651,"duration":652,"offset":653},"help you to analyze thing as a developer itself from",2992,46895,{"text":655,"duration":656,"offset":657},"the very first lecture and it will help you to",2647,49945,{"text":659,"duration":660,"offset":661},"visualize also that how a webpage is created.",2589,52650,{"text":663,"duration":664,"offset":665},"So we use HTML to structure content.",3080,55600,{"text":667,"duration":668,"offset":669},"Now here you can see this is HTML code and",3390,58920,{"text":671,"duration":672,"offset":673},"if I just go on the body part and justice",3310,62390,{"text":675,"duration":676,"offset":677},"use this option to either open and close the code",3955,65781,{"text":679,"duration":680,"offset":681},"part, you can understand things.",2583,69817,{"text":683,"duration":684,"offset":685},"So this is the structure of this page.",2160,72560,{"text":687,"duration":688,"offset":689},"Here we use this doc type to define that the",2966,75200,{"text":691,"duration":692,"offset":693},"whole page is about HTML.",1685,78234,{"text":695,"duration":696,"offset":697},"Then we have this HTML tag where we have defined",3035,80319,{"text":699,"duration":700,"offset":701},"our language.",821,83418,{"text":703,"duration":704,"offset":705},"Then we have this head and then we have this",2604,84400,{"text":707,"duration":708,"offset":709},"body.",296,87064,{"text":711,"duration":712,"offset":713},"So basically this is the structure of any HTML page",3428,87760,{"text":715,"duration":716,"offset":717},"that you see on web.",1345,91255,{"text":719,"duration":720,"offset":721},"Let me try to open Amazon now.",4920,92960,{"text":723,"duration":724,"offset":725},"This is Amazon homepage and I'm currently visiting the Indian",4173,97880,{"text":727,"duration":728,"offset":729},"version youcanvisit.com or any other version.",3079,102121,{"text":731,"duration":732,"offset":733},"Right click, click on inspect, you have this option.",3520,105600,{"text":735,"duration":736,"offset":737},"Scroll at the top and justice search about body click",3485,109480,{"text":739,"duration":740,"offset":741},"here.",329,113031,{"text":743,"duration":744,"offset":745},"So I have closed this one.",1280,114160,{"text":747,"duration":748,"offset":749},"Now you can see this structure.",2000,116600,{"text":751,"duration":752,"offset":753},"So we have this doc, then we have this HTML,",3290,118840,{"text":755,"duration":756,"offset":757},"then we have this head, then we have this body.",3515,122205,{"text":759,"duration":760,"offset":761},"So that's how any web page is structured online and",3715,126160,{"text":763,"duration":764,"offset":765},"we need to do something similar.",2332,129948,{"text":767,"duration":768,"offset":769},"Now these are tags, and then we have some attribute.",3200,132720,{"text":771,"duration":772,"offset":773},"We have values that we'll be discussing as we move",2882,135919,{"text":775,"duration":776,"offset":777},"forward.",461,138858,{"text":779,"duration":780,"offset":781},"But here I just wanted you to visualize this point",3204,139480,{"text":783,"duration":784,"offset":785},"that we have a doc type, then we have HTML,",2756,142748,{"text":787,"duration":788,"offset":789},"then we have health body and everything else for every",3460,145568,{"text":791,"duration":792,"offset":793},"single web page that you see online.",2307,149092,{"text":795,"duration":796,"offset":797},"I hope you got the idea right and you can",2473,151720,{"text":799,"duration":800,"offset":801},"utilize this inspect.",1267,154253,{"text":803,"duration":804,"offset":805},"It will be directly on your page itself on Chrome",3037,155760,{"text":807,"duration":808,"offset":809},"as well as you can test this on Firefox or",2603,158859,{"text":811,"duration":812,"offset":813},"any other browser.",1115,161524,{"text":815,"duration":816,"offset":817},"I strongly recommend to use Chrome or Firefox and here",3761,162840,{"text":819,"duration":820,"offset":821},"you can also use either this part.",2368,166671,{"text":823,"duration":824,"offset":825},"So you will have information on the bottom of the",2637,169160,{"text":827,"duration":828,"offset":829},"page.",269,171850,{"text":831,"duration":832,"offset":833},"You can use anyone here you will have all the",2523,172639,{"text":835,"duration":836,"offset":837},"information on the element bar, click on element and then",3195,175218,{"text":839,"duration":840,"offset":841},"you have this head body and all the information.",2691,178469,{"text":843,"duration":844,"offset":845},"Similarly for this page also.",1680,181520,{"text":847,"duration":848,"offset":849},"I hope you got the idea.",1240,183440,{"text":851,"duration":852,"offset":853},"This is the basic stuff that we are discussing.",2040,184760,{"text":855,"duration":856,"offset":857},"We just want to visualize things.",1640,187080,{"text":859,"duration":860,"offset":861},"Now similarly we need to create our own page right?",2680,189600,{"text":863,"duration":864,"offset":865},"So we use different tags to define that content.",3120,192640,{"text":867,"duration":636,"offset":868},"Here we use this H1 tag to define as heading.",196400,{"text":870,"duration":871,"offset":872},"If you just hover over this H1 you will see",2886,200320,{"text":874,"duration":875,"offset":876},"the H1 element represent a section heading.",2887,203273,{"text":878,"duration":860,"offset":879},"So I use the heading part as Shubham Sharda.",206560,{"text":881,"duration":882,"offset":883},"Now there are two type of tag.",1840,209840,{"text":885,"duration":886,"offset":887},"The first one that open and close.",2480,211960,{"text":889,"duration":890,"offset":891},"That means we need to close that tag.",2280,214760,{"text":893,"duration":894,"offset":895},"So this is the tag.",1360,217320,{"text":897,"duration":898,"offset":899},"This is the first type.",1160,218840,{"text":901,"duration":902,"offset":903},"Here we open the H1 tag, write everything that we",3709,220560,{"text":905,"duration":906,"offset":907},"want as heading and then we close that tag.",3255,224344,{"text":909,"duration":910,"offset":911},"So that means between these opening and closing tag we",3568,228080,{"text":913,"duration":914,"offset":915},"have all the information for heading.",2445,231714,{"text":917,"duration":918,"offset":919},"So this is the type one.",1440,234840,{"text":921,"duration":922,"offset":923},"Now there will be certain other tags that don't require",3448,236480,{"text":925,"duration":926,"offset":927},"this closing part.",1128,239991,{"text":929,"duration":930,"offset":931},"So that means they will have something like this.",2360,241400,{"text":933,"duration":934,"offset":935},"Now H1 require a closing tag.",1920,243760,{"text":937,"duration":938,"offset":939},"I'm just giving an example that the second type don't",3347,245680,{"text":941,"duration":942,"offset":943},"require a closing tag.",1389,249090,{"text":945,"duration":946,"offset":947},"We call them as self closing.",1880,250960,{"text":949,"duration":950,"offset":951},"So there is one which require opening and closing and",3085,253120,{"text":953,"duration":954,"offset":955},"then there is second one which is self closing.",2736,256263,{"text":957,"duration":856,"offset":958},"So there are two type of tags.",259240,{"text":960,"duration":961,"offset":962},"I hope you got the basic idea now.",3000,260880,{"text":964,"duration":668,"offset":965},"Let me clear this page for now and structure things",263880,{"text":967,"duration":968,"offset":969},"like we discussed with the visualization part for Amazon as",3923,267337,{"text":971,"duration":972,"offset":973},"well as this VS Code website itself.",2394,271326,{"text":975,"duration":934,"offset":976},"So we need some doc type information.",274120,{"text":978,"duration":961,"offset":979},"Then we have HTML, head, body and everything else.",276040,{"text":981,"duration":894,"offset":982},"So let me jump here.",279360,{"text":984,"duration":684,"offset":985},"The first thing I'm going to define is doc type.",281200,{"text":987,"duration":988,"offset":989},"So since we are using these extension, we don't need",2564,283880,{"text":991,"duration":992,"offset":993},"to write everything.",987,286493,{"text":995,"duration":886,"offset":996},"I can use this!",287680,{"text":998,"duration":999,"offset":1000},"And click on enter and this is how you get",3297,290320,{"text":1002,"duration":1003,"offset":1004},"everything.",864,293696,{"text":1006,"duration":1007,"offset":1008},"But as a beginner, I don't recommend for now to",3091,294880,{"text":1010,"duration":1011,"offset":1012},"use the shortcuts, but that's how you can do everything.",3683,298036,{"text":1014,"duration":1015,"offset":1016},"Let's write everything for now.",1560,302680,{"text":1018,"duration":882,"offset":1019},"And then we will use the shortcut.",304240,{"text":1021,"duration":1022,"offset":1023},"So here we need to use this lesser than and",2760,306520,{"text":1025,"duration":1026,"offset":1027},"greater than symbol, then our symbol.",2375,309344,{"text":1029,"duration":1030,"offset":1031},"And then I need to define doc type, so I",4361,311720,{"text":1033,"duration":1034,"offset":1035},"need to use doc type.",2290,316190,{"text":1037,"duration":1038,"offset":1039},"And here I just need to write HTML.",2120,318480,{"text":1041,"duration":1042,"offset":1043},"That's it.",560,320920,{"text":1045,"duration":1046,"offset":1047},"That's the first line of HTML file.",2560,322080,{"text":1049,"duration":1050,"offset":1051},"And then we need to use HTML tag itself.",2920,324920,{"text":1053,"duration":1054,"offset":1055},"So here if I write HTML enter, you can see",2949,327839,{"text":1057,"duration":1058,"offset":1059},"we have this opening tag and then we have this",3229,330858,{"text":1061,"duration":1062,"offset":1063},"closing tag.",842,334157,{"text":1065,"duration":1066,"offset":1067},"And if you hover over this, you will get the",2622,335560,{"text":1069,"duration":1070,"offset":1071},"HTML element represents the root of an HTML document.",3158,338241,{"text":1073,"duration":1074,"offset":1075},"So that means we write everything inside this.",2200,341760,{"text":1077,"duration":1078,"offset":1079},"This is the root, this is the part from where",2285,343960,{"text":1081,"duration":1082,"offset":1083},"everything start.",863,346296,{"text":1085,"duration":1086,"offset":1087},"So now we write everything in between this HTML tag.",3640,347640,{"text":1089,"duration":1090,"offset":1091},"So remember the first part we have is our head,",3379,352120,{"text":1093,"duration":1094,"offset":1095},"the second part we have is our body.",2588,355571,{"text":1097,"duration":1098,"offset":1099},"So let me write this head.",1320,358800,{"text":1101,"duration":1102,"offset":1103},"So everything we write inside head will be for our",4093,360560,{"text":1105,"duration":1106,"offset":1107},"head part and everything that we write inside our body",4421,364735,{"text":1109,"duration":1110,"offset":1111},"will be for body part.",1802,369238,{"text":1113,"duration":1114,"offset":1115},"Now you can take this example for humans.",3240,371720,{"text":1117,"duration":1022,"offset":1118},"Also, you can take this example for any other project.",374960,{"text":1120,"duration":856,"offset":1121},"I will be taking certain reference.",377960,{"text":1123,"duration":961,"offset":1124},"But it's better to visualize things practically.",379600,{"text":1126,"duration":1127,"offset":1128},"So that's it.",680,382840,{"text":1130,"duration":852,"offset":1131},"That's the basic structure that we have.",383520,{"text":1133,"duration":1134,"offset":1135},"Now here, once you click on Control S, everything will",4253,386120,{"text":1137,"duration":1138,"offset":1139},"save automatically in format automatically.",3388,390452,{"text":1141,"duration":1142,"offset":1143},"Why?",400,393840,{"text":1145,"duration":1146,"offset":1147},"Because we are using prettier.",1960,394560,{"text":1149,"duration":890,"offset":1150},"Now you can also jump onto the setting.",397360,{"text":1152,"duration":1153,"offset":1154},"Click on the setting and here you can search about",4469,400200,{"text":1156,"duration":1157,"offset":1158},"format and here you will have option to format.",4202,404758,{"text":1160,"duration":1161,"offset":1162},"On save you can check this and you can if",2521,408960,{"text":1164,"duration":1165,"offset":1166},"it's ticked that means it will format.",2337,411543,{"text":1168,"duration":1022,"offset":1169},"If it's unchecked that means it will not format.",413880,{"text":1171,"duration":1172,"offset":1173},"So it totally depend on you and your requirement.",2440,416920,{"text":1175,"duration":934,"offset":1176},"For now let's just tick this.",419560,{"text":1178,"duration":1114,"offset":1179},"So if I save anytime everything will be formatted.",422880,{"text":1181,"duration":1182,"offset":1183},"Currently we don't have any code.",1520,426640,{"text":1185,"duration":1186,"offset":1187},"We are not going to have a good format but",2367,428279,{"text":1189,"duration":1190,"offset":1191},"let's understand this point.",1578,430702,{"text":1193,"duration":1194,"offset":1195},"Let me select this one, click on tab and get",2654,432280,{"text":1197,"duration":1198,"offset":1199},"inside our HTML.",966,434994,{"text":1201,"duration":1202,"offset":1203},"So head is the part where we have all the",3268,436520,{"text":1205,"duration":1206,"offset":1207},"information which is not seen on our web page and",3906,439867,{"text":1209,"duration":1202,"offset":1210},"body is the part which is seen on our web",443853,{"text":827,"duration":1212,"offset":1213},398,447201,{"text":1215,"duration":1216,"offset":1217},"So here if I select head you can see nothing",2207,447800,{"text":1219,"duration":1220,"offset":1221},"is happening but if I select body you can see",2258,450057,{"text":1223,"duration":1224,"offset":1225},"this blue colour is coming.",1355,452365,{"text":1227,"duration":1228,"offset":1229},"You see so this is the content about this whole",3473,454720,{"text":1231,"duration":1232,"offset":1233},"page whereas head contained behind the scene information.",4213,458267,{"text":1235,"duration":1236,"offset":1237},"So if you get here, this is all the information",2517,462960,{"text":1239,"duration":1240,"offset":1241},"which is behind the scene, things that are happening behind",3160,465530,{"text":1243,"duration":1244,"offset":1245},"the scene.",535,468744,{"text":1247,"duration":1172,"offset":1248},"So this is where head come into picture.",469600,{"text":1250,"duration":1251,"offset":1252},"You can call it as containing behind the scene information",3740,472200,{"text":1254,"duration":1255,"offset":1256},"and body is the whole page that we see.",2515,476004,{"text":1258,"duration":1259,"offset":1260},"For example, let me take our own page and here",4526,479160,{"text":1262,"duration":1263,"offset":1264},"let me write H1 tag, press enter and write Shobam",4822,483785,{"text":1266,"duration":1267,"offset":1268},"itself and save.",1574,488705,{"text":1270,"duration":1271,"offset":1272},"If I jump back here, we need to launch our",3326,491120,{"text":1274,"duration":1275,"offset":1276},"server.",555,494525,{"text":1278,"duration":1279,"offset":1280},"It's running.",640,495080,{"text":1282,"duration":1283,"offset":1284},"Let me right click here, click with, open with knife",3154,495880,{"text":1274,"duration":1286,"offset":1287},425,499095,{"text":1289,"duration":1290,"offset":1291},"This is our page.",1080,499960,{"text":1293,"duration":1294,"offset":1295},"So everything that is visible on our page is in",4246,501520,{"text":1297,"duration":1298,"offset":1299},"body part.",903,505856,{"text":1301,"duration":1172,"offset":1302},"Everything else will be inside head.",507200,{"text":1304,"duration":684,"offset":1305},"That means behind the scene information.",509640,{"text":1307,"duration":930,"offset":1308},"So that's the basic start for now.",512720,{"text":1310,"duration":1311,"offset":1312},"Let me delete everything.",2080,515080,{"text":1314,"duration":1315,"offset":1316},"As soon as I remove my content I got an",2657,518480,{"text":1318,"duration":1319,"offset":1320},"error or I should say I got a message that",2863,521205,{"text":1322,"duration":1323,"offset":1324},"there is no head or body.",1703,524136,{"text":1326,"duration":898,"offset":1327},"I hope you got the message.",526360,{"text":1329,"duration":1330,"offset":1331},"Now that our structure is not great, there is some",2684,527520,{"text":1333,"duration":1334,"offset":1335},"issue with our structure.",1342,530257,{"text":1337,"duration":1338,"offset":1339},"So this is a warning by live server itself.",2520,531800,{"text":1341,"duration":1342,"offset":1343},"Now to start my setup all I need to use",3949,535240,{"text":1345,"duration":1346,"offset":1347},"is our!",709,539291,{"text":1349,"duration":1050,"offset":1350},"And then click on enter, you can see this emit.",540720,{"text":1352,"duration":1353,"offset":1354},"This is by VS Code itself.",1800,544000,{"text":1356,"duration":1357,"offset":1358},"So if I enter now this is the boilerplate code.",4840,545800,{"text":1360,"duration":1361,"offset":1362},"That means the common code that we need every time",3153,550760,{"text":1364,"duration":1323,"offset":1365},"to work with our HTML code.",553976,{"text":1367,"duration":918,"offset":1368},"So this is the basic code.",556200,{"text":1370,"duration":1371,"offset":1372},"This is the basic setup that we need every time",2727,557640,{"text":1374,"duration":1375,"offset":1376},"we create an HTML file.",1334,560425,{"text":1378,"duration":1379,"offset":1380},"And that's why we call this as boilerplate.",2400,561880,{"text":1382,"duration":882,"offset":1383},"And that's why we have these shortcuts.",564520,{"text":1385,"duration":1386,"offset":1387},"Let me save this one.",1040,567040,{"text":1389,"duration":1386,"offset":1390},"Everything is set up.",568440,{"text":1392,"duration":1393,"offset":1394},"And since we are using pretair, you can see automatically",3070,569720,{"text":1396,"duration":1397,"offset":1398},"there is a space.",915,572844,{"text":1400,"duration":1401,"offset":1402},"We don't require that but it's good to visualize and",2906,574120,{"text":1404,"duration":1405,"offset":1406},"improve readability.",1118,577082,{"text":1408,"duration":886,"offset":1409},"This is our head and this is our body now.",578760,{"text":1411,"duration":1412,"offset":1413},"Now you will see certain information inside our head that",3361,581640,{"text":1415,"duration":1416,"offset":1417},"these are some meta.",1180,585060,{"text":1419,"duration":1420,"offset":1421},"Then there is some title and let me add H1",3150,586440,{"text":1423,"duration":1424,"offset":1425},"tag here with my body itself opening and closing tag.",3975,589665,{"text":1427,"duration":918,"offset":1428},"Then write shubham.",594040,{"text":1430,"duration":1431,"offset":1432},"For now, let me save.",4520,595480,{"text":1434,"duration":1146,"offset":1435},"Right click open with life server.",600800,{"text":1437,"duration":1438,"offset":1439},"You can say it's working fine.",1600,603640,{"text":1441,"duration":1442,"offset":1443},"And now in the previous run, we had title as",3772,605559,{"text":1445,"duration":1446,"offset":1447},"this index.",943,609417,{"text":1449,"duration":1450,"offset":1451},"So this is basically the title part which we see",2783,610440,{"text":1453,"duration":1454,"offset":1455},"at the top.",638,613281,{"text":1457,"duration":930,"offset":1458},"So it was something of our URL itself.",614320,{"text":1460,"duration":1461,"offset":1462},"Now our title is document and this is our body",3113,616800,{"text":1464,"duration":1465,"offset":1466},"part.",338,619981,{"text":1141,"duration":1468,"offset":1469},480,620640,{"text":1471,"duration":1379,"offset":1472},"Because inside our head we have this title.",621560,{"text":1474,"duration":934,"offset":1475},"I hope you got the basic idea.",624680,{"text":1477,"duration":1478,"offset":1479},"Don't worry, we are going to discuss about this in",2493,626640,{"text":1481,"duration":1482,"offset":1483},"depth in the next lecture.",1296,629183,{"text":1485,"duration":1486,"offset":1487},"But this is the basic idea.",1760,630480,{"text":1489,"duration":1490,"offset":1491},"So title is basically the text that we are going",3381,633920,{"text":1493,"duration":1494,"offset":1495},"to see on the top of the browser or on",2677,637371,{"text":1497,"duration":1498,"offset":1499},"the Google search itself.",1761,640118,{"text":1501,"duration":1311,"offset":1502},"I will be discussing about this in next lecture.",642000,{"text":1504,"duration":1505,"offset":1506},"Now I hope you got the basic idea about HTML",2718,644080,{"text":1508,"duration":1509,"offset":1510},"structure and how we are going to utilize it.",2780,646860,{"text":1512,"duration":1513,"offset":1514},"We have this doc type to inform that we are",2721,650080,{"text":1516,"duration":1517,"offset":1518},"going to use HTML, that this documentation is of HTML",3355,652865,{"text":1520,"duration":1521,"offset":1522},"type.",317,656283,{"text":1524,"duration":1172,"offset":1525},"Then we have our HTML element.",656960,{"text":1527,"duration":890,"offset":1528},"Everything is inside this HTML tag.",659720,{"text":1530,"duration":1531,"offset":1532},"Then we have these two-part, everything behind the scene information",4148,662440,{"text":1534,"duration":1535,"offset":1536},"stored in head and everything that we see on web",2928,666649,{"text":1538,"duration":1539,"offset":1540},"pages stored in body.",1281,669638,{"text":1542,"duration":1543,"offset":1544},"These are the tags which require opening and closing.",3040,671240,{"text":1546,"duration":1547,"offset":1548},"But if you see this meta just doesn't have any",3095,674559,{"text":1550,"duration":1551,"offset":1552},"closing tag, right?",1279,677721,{"text":1554,"duration":1555,"offset":1556},"So let us discuss about this whole thing, this head",3136,679600,{"text":1558,"duration":1559,"offset":1560},"thing, this meta and these titles in the next lecture.",3321,682798,{"text":1562,"duration":1563,"offset":1564},"Now till then I strongly recommend create a HTML file",3307,686120,{"text":1566,"duration":1567,"offset":1568},"do all these stuff so you will get basic idea",2808,689489,{"text":1570,"duration":864,"offset":1571},"and you will understand how this is going to work.",692360,{"text":1573,"duration":1182,"offset":1574},"I hope this lecture was helpful.",696200,{"text":1576,"duration":1577,"offset":1578},"Thank you for following and I see you guys in",2196,697840,{"text":1580,"duration":1581,"offset":1582},"the next one.",635,700085,{"summary":1584,"sections":1585,"learningObjectives":1634,"keyConcepts":1643,"videoTags":1647},"This video tutorial introduces HTML, explaining its role in structuring web content. It covers the basic structure of an HTML page, including the doctype, head, and body tags. The tutorial also discusses different types of HTML tags, attributes, and how to create a basic HTML document using VS Code. Additionally, it demonstrates the use of Prettier for formatting and Live Server for live preview. The concept of boilerplate code and meta tags is also introduced.",[1586,1595,1604,1613,1619,1627],{"title":1587,"start":593,"end":717,"description":1588,"tags":1589},"Introduction to HTML","Overview of HTML and its role in web structure.",[1590,1591,1592,1593,1594],"HTML","web structure","introduction","inspect element","developer tools",{"title":1596,"start":721,"end":793,"description":1597,"tags":1598},"HTML Page Structure","Exploring the basic structure of an HTML page.",[1599,1600,1601,1602,1603],"HTML structure","doctype","head","body","tags",{"title":1605,"start":797,"end":958,"description":1606,"tags":1607},"HTML Tags and Attributes","Understanding HTML tags, attributes, and their types.",[1608,1609,1610,1611,1612],"HTML tags","attributes","self-closing tags","H1 tag","content structure",{"title":1614,"start":962,"end":1131,"description":1615,"tags":1616},"Creating an HTML Document","Steps to create a basic HTML document.",[1617,1600,1601,1602,1618],"HTML document","VS Code",{"title":1620,"start":1135,"end":1335,"description":1621,"tags":1622},"Using Prettier and Live Server","Formatting and live preview with Prettier and Live Server.",[1623,1624,1625,1618,1626],"Prettier","Live Server","formatting","web development",{"title":1628,"start":1343,"end":1582,"description":1629,"tags":1630},"Boilerplate Code and Meta Tags","Introduction to boilerplate code and meta tags in HTML.",[1631,1632,1633,1618,1626],"boilerplate code","meta tags","HTML setup",[1635,1636,1637,1638,1639,1640,1641,1642],"Understand HTML structure","Use inspect element","Identify HTML tags","Create HTML document","Use Prettier","Use Live Server","Understand meta tags","Use VS Code",[1599,1608,1644,1645,1646],"Document creation","Prettier formatting","Boilerplate code",{"keyTags":1648,"pedagogicalTags":1651},[1590,1626,1618,1649,1650],"beginner","tutorial",[1652,1653,1654],"demonstration","practical learning","step-by-step","2025-01-29T13:03:51.426Z","2025-01-29T13:03:51.923Z","60919f6b27f749001c9a4bd7","2024-12-31T17:30:18.925Z","2025-01-29T13:03:51.933Z","ENABLED","2026-02-23T10:40:51.534Z",{"service":1663,"version":1664},"quizserver","547c0ae77ff66ec2ea6948ccfa572fe911e495ef",{"success":5,"data":1666,"time":1804},{"countryBasedRecommendations":1667,"subjectBasedRecommendations":1718,"subjectBasedQualifiers":1773},[1668,1673,1680,1686,1693,1699,1706,1712],{"id":1669,"quizId":1670,"country":42,"lowerGrade":130,"upperGrade":130,"quizRank":78,"subject":1671,"quizImage":105,"quizName":1672,"quizType":11,"noOfQuestions":21,"noOfSlides":33},"69959bc1b94d390c5f6bb24e","67a8a1739b9b86c598cac575","Social Studies","History of Valentine's Day",{"id":1674,"quizId":1675,"country":42,"lowerGrade":80,"upperGrade":80,"quizRank":130,"subject":51,"quizImage":1676,"quizName":1677,"quizType":1678,"noOfQuestions":1679,"noOfSlides":33},"6979ec3c100e21248f1214b0","6283f3d3d9e24d001ed1cfde","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/8f6b81a1-fa29-4aab-bc39-b0e6f8db69b7","Fractions on a Number Line","quiz",15,{"id":1681,"quizId":1682,"country":42,"lowerGrade":80,"upperGrade":80,"quizRank":46,"subject":51,"quizImage":1683,"quizName":1684,"quizType":1678,"noOfQuestions":1685,"noOfSlides":33},"6979ec3c100e21248f1214ac","5d9217ff42b14f001b98f716","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/4b84db12-8026-4bfa-abc7-ce4000e0e9d3","Equivalent Fractions",20,{"id":1687,"quizId":1688,"country":42,"lowerGrade":1689,"upperGrade":1689,"quizRank":21,"subject":51,"quizImage":1690,"quizName":1691,"quizType":1678,"noOfQuestions":1692,"noOfSlides":33},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4",5,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1694,"quizId":1695,"country":42,"lowerGrade":80,"upperGrade":80,"quizRank":48,"subject":51,"quizImage":1696,"quizName":1697,"quizType":1678,"noOfQuestions":1698,"noOfSlides":33},"6979ec3c100e21248f1214aa","5a97f24c3773c8001bc3bbb0","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/06e9139f-955b-49a8-ad92-c407a37292ac","fractions",22,{"id":1700,"quizId":1701,"country":42,"lowerGrade":80,"upperGrade":80,"quizRank":1702,"subject":1703,"quizImage":1704,"quizName":1705,"quizType":1678,"noOfQuestions":1679,"noOfSlides":33},"69959bc1b94d390c5f6bb169","60203012972738001b96d05c",11,"Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/405c5e94-99cf-4759-96f0-b098a720bc46","Valentine's Day Trivia",{"id":1707,"quizId":1708,"country":42,"lowerGrade":1689,"upperGrade":1689,"quizRank":1709,"subject":52,"quizImage":1710,"quizName":1711,"quizType":1678,"noOfQuestions":1685,"noOfSlides":33},"6979ec3d100e21248f1216fe","64eccefe94d91c6ecb4c2284",12,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b0a58fb6-f624-40ee-82b9-c684bcae7801-v2","Main Idea and Details",{"id":1713,"quizId":1714,"country":42,"lowerGrade":46,"upperGrade":46,"quizRank":1715,"subject":52,"quizImage":1716,"quizName":1717,"quizType":1678,"noOfQuestions":1685,"noOfSlides":33},"6979ec3d100e21248f1218a3","621ce020fbd544001d3587bf",13,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ae62c88d-a998-40cf-8095-6c87723537fb","Context Clues",[1719,1726,1732,1739,1746,1753,1760,1766],{"id":1720,"quizId":1721,"country":42,"lowerGrade":80,"upperGrade":1715,"quizRank":1722,"subject":1703,"quizImage":1723,"quizName":1724,"quizType":1678,"noOfQuestions":1725,"noOfSlides":33},"69959bc1b94d390c5f6bb771","6209644e5b23c1001d79be18",32,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/3cf1d6b5-a277-4b4a-9594-198f61c220d8","Valentines Day Trivia",18,{"id":1727,"quizId":1728,"country":42,"lowerGrade":80,"upperGrade":1715,"quizRank":1729,"subject":52,"quizImage":1730,"quizName":1731,"quizType":1678,"noOfQuestions":1709,"noOfSlides":33},"698326e45cac48466747854c","656500a4fdc3e8e4f52f2d9d",407,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1ebe1e1c-4aab-49b8-9914-0be8746db8b2-v2","IREAD Week 4 - Review",{"id":1733,"quizId":1734,"country":42,"lowerGrade":48,"upperGrade":1715,"quizRank":1735,"subject":52,"quizImage":1736,"quizName":1737,"quizType":1678,"noOfQuestions":1738,"noOfSlides":33},"698326e45cac48466747854e","5b1e0890f122d0001ad283ff",412,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/be01e26a-779d-470e-a8d5-f3072a9f0f4a","Subject Verb Agreement",23,{"id":1740,"quizId":1741,"country":42,"lowerGrade":49,"upperGrade":1715,"quizRank":1742,"subject":1743,"quizImage":1744,"quizName":1745,"quizType":11,"noOfQuestions":1689,"noOfSlides":33},"69959bc1b94d390c5f6bb773","67779fd3d198d4f20db12505",441,"History","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1ba42fc2-f951-4e81-98a1-bad4bc92afbf-v2","What is Presidents' Day?",{"id":1747,"quizId":1748,"country":42,"lowerGrade":130,"upperGrade":1715,"quizRank":1749,"subject":1750,"quizImage":1751,"quizName":1752,"quizType":11,"noOfQuestions":21,"noOfSlides":33},"698326e45cac484667478554","6774d3dd17a63503f6089c9a",445,"Multiple Subjects","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/568c08c0-816d-4cb3-bca1-b3efc9606f1c-v2","Renewable and Nonrenewable Resources",{"id":1754,"quizId":1755,"country":42,"lowerGrade":46,"upperGrade":1715,"quizRank":1756,"subject":1757,"quizImage":1758,"quizName":1759,"quizType":1678,"noOfQuestions":1685,"noOfSlides":33},"69959bc1b94d390c5f6bb772","5e4e867cf6b716001bb990e2",471,"Geography","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/7edbafd1-4b67-4f83-ad3d-92284b0b7836","Mardi Gras History",{"id":1761,"quizId":1762,"country":42,"lowerGrade":1702,"upperGrade":1715,"quizRank":1763,"subject":1750,"quizImage":1764,"quizName":1765,"quizType":11,"noOfQuestions":49,"noOfSlides":33},"69959bc1b94d390c5f6bb77d","677577d5ece1855b675840d9",483,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f752e063-16d6-467e-8d03-65e31be52355-v2","The Roaring 20's Crash Course US History ",{"id":1767,"quizId":1768,"country":42,"lowerGrade":1715,"upperGrade":1715,"quizRank":1769,"subject":1770,"quizImage":1771,"quizName":1772,"quizType":1678,"noOfQuestions":19,"noOfSlides":33},"69959bc1b94d390c5f6bb77f","698a4d2478b6d8131e2434cd",548,"Other","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/38952944-6778-42c5-86ed-382da82bd209","Review9_TEACHER",[1774,1777,1780,1783,1786,1789,1792,1795,1798,1801],{"path":1775,"display":1776},"/math/statistics-and-probability/probability/basic-probability-concepts/interpreting-conditional-probability-of-a-given-b","Interpreting Conditional Probability of A given B",{"path":1778,"display":1779},"/ela/language/conventions/grammar/parts-of-speech/pronouns/relative","Relative",{"path":1781,"display":1782},"/social-studies/history/civil-war-and-reconstruction-1850-1877/the-civil-war/the-conclusion-of-the-war","The conclusion of the war",{"path":1784,"display":1785},"/math/number-system/rational-numbers/operations-with-rational-numbers/solving-multi-step-problems-with-rational-numbers","Solving multi-step problems with rational numbers",{"path":1787,"display":1788},"/career-technical/career-exploration/develop-responsibility","Develop responsibility",{"path":1790,"display":1791},"/math/number-system/matrices/matrix-concepts/understanding-and-using-matrices/representing-and-manipulating-data-through-matrices","Representing and manipulating data through matrices",{"path":1793,"display":1794},"/science/physics/electrodynamics/magnetostatics/magnetic-vector-potential","Magnetic vector potential",{"path":1796,"display":1797},"/math/geometry/volume/volume-of-3d-figures/volume-formulas-for-cones-cylinders-spheres","Volume Formulas for Cones, Cylinders, Spheres",{"path":1799,"display":1800},"/science/earth-and-space-science/weather-and-climate/weather/weather-conditions","Weather conditions",{"path":1802,"display":1803},"/social-studies/geography/places-and-regions/communities/types-of-communities/urban-communities","Urban communities","2026-02-23T10:40:51.608329697Z",{"success":5,"data":1806,"time":1865},{"quizzes":1807,"total":1864,"timeTaken":1698,"experiment":24,"source":25},[1808,1815,1822,1829,1836,1843,1850,1857],{"id":1809,"isSuper":10,"type":11,"info":1810,"shouldIndex":10,"stats":1814},"6777575524d95be7d3b692e2",{"grade":1811,"name":1812,"slug":1812,"image":1813},[14,14],".NET Core Microservices - Azure Storage Explorer for Images","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/31065893-a569-4c32-a1dc-f89231bd75a8-v2",{"totalQuestions":47},{"id":1816,"isSuper":10,"type":11,"info":1817,"shouldIndex":10,"stats":1821},"6777488393fea60038c7e790",{"grade":1818,"name":1819,"slug":1819,"image":1820},[14,14],".NET Core Microservices - Create DTOs and Push Models to Shopping Cart Database","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/2ad63afd-41f7-4d46-8ddd-69bf5367221d-v2",{"totalQuestions":47},{"id":1823,"isSuper":10,"type":11,"info":1824,"shouldIndex":10,"stats":1828},"6775582cb672251ae17ca0a7",{"grade":1825,"name":1826,"slug":1826,"image":1827},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Images in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8fd0c0bf-0142-46be-8f84-f2695fce25c7-v2",{"totalQuestions":47},{"id":1830,"isSuper":10,"type":11,"info":1831,"shouldIndex":10,"stats":1835},"67ae4357bc43aa4fa6faf883",{"grade":1832,"name":1833,"slug":1833,"image":1834},[14,14],"Transition from ISO 27001-2013 to ISO 27001-2022 controls","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/90e1fb67-5575-4bd7-b1ac-55a75865a26a-v2",{"totalQuestions":47},{"id":1837,"isSuper":10,"type":11,"info":1838,"shouldIndex":10,"stats":1842},"67776b5eac1890045f844c70",{"grade":1839,"name":1840,"slug":1840,"image":1841},[14,14],"Master Microservices with Spring Boot and Spring Cloud - Step 18 – Using Feign REST Client for Service Invocation – V2","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fb6d8102-815f-4353-87ea-b4559117691a-v2",{"totalQuestions":47},{"id":1844,"isSuper":10,"type":11,"info":1845,"shouldIndex":10,"stats":1849},"6777801eb1a4deb8675a98ab",{"grade":1846,"name":1847,"slug":1847,"image":1848},[14,14],"Fundamentals of Secure Software - Web Sessions","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f7e851de-ce1b-4f14-aa2d-d020b65cf8f0-v2",{"totalQuestions":47},{"id":1851,"isSuper":10,"type":11,"info":1852,"shouldIndex":10,"stats":1856},"67774a98f6f092fc9155c768",{"grade":1853,"name":1854,"slug":1854,"image":1855},[14,14],"AWS Cloud Development Kit - From Beginner to Professional - Launch EC2 with the Latest AMI in any AWS Region - Portable ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0ccef7a8-3d10-41c1-9947-0a2d0f951b06-v2",{"totalQuestions":47},{"id":1858,"isSuper":10,"type":11,"info":1859,"shouldIndex":10,"stats":1863},"6777551a93fea60038c7ea17",{"grade":1860,"name":1861,"slug":1861,"image":1862},[14,14],"Learn Fusion 360 in 30 Days - Day #9: 3D Model a Lightbulb","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8ff7fa2f-e92d-4e55-9c3a-14c70f6a403e-v2",{"totalQuestions":47},5697,"2026-02-23T10:40:51.644527187Z",["Reactive",1867],{},["Set"],["ShallowReactive",1870],{"recommendations-67742a2ad787a71f91c9ccf1-false":34,"recommendations-indexed-67742a2ad787a71f91c9ccf1-false":34,"quiz-67742a2ad787a71f91c9ccf1":34,"recommendations-aggregated-67742a2ad787a71f91c9ccf1":34},"/admin/video-quiz/67742a2ad787a71f91c9ccf1/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-html-introduction","none"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"/undefined/undefined",sentry:{dsn:"",enabled:false},gtag:{id:""},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",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:"b8e8b6f7-b1c0-4c03-ac5f-27603f910962",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>