Basic Document Structure

Interactive Video

•

Information Technology (IT), Architecture, Other

•

KG - University

•

Practice Problem

•

Hard

Wayground Content

FREE Resource

This video tutorial introduces HTML5, explaining its significance in web development. It guides viewers through setting up a coding environment using a web browser and Visual Studio Code, including installing essential extensions like Live Server. The tutorial covers creating and saving HTML files, understanding the basic document structure, and reviewing and modifying HTML code. It concludes with a practical exercise of writing a simple 'Hello World' program, emphasizing the importance of active learning and hands-on practice.

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the first tool you need to start coding in HTML?

A graphics editor

A database management system

A web browser

A spreadsheet application

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which text editor is recommended for HTML coding in this course?

Sublime Text

Atom

Visual Studio Code

Notepad

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the Live Server extension in Visual Studio Code?

To compile code

To load code into the browser easily

To manage databases

To edit images

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the first step in creating a new HTML file in Visual Studio Code?

Create a new folder

Right-click and select 'New File'

Install a new extension

Open a new tab

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What does the document type declaration in HTML signify?

The version of HTML being used

The language of the document

The author of the document

The encoding type

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag is used to define the title 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="" showanswersforquestionindex="false" 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.87gmn0jojpx" 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-0f21eca0></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 viewport meta 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>To specify the document's author</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 set the language of 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 define the character set</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 control the page's dimensions and scaling</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;" showanswersforquestionindex="false" 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.jmubc8btfp" 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-0f21eca0></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 traditional first program written in a new programming language?</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>Goodbye World</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>Hello Universe</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>Hello World</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>Welcome Home</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;" showanswersforquestionindex="false" 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.y1kdkqyuqzc" 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-0f21eca0></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 create a heading 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></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><h1></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><div></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><span></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;" showanswersforquestionindex="false" 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.f2ad3jw6p6l" 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-0f21eca0></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 'Go Live' button in Visual Studio Code?</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 open a live coding session</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 launch a web browser with the current HTML 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 start a live chat</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 save the current document</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-3ab64943><div class="w-full h-155 content-blocker" style="" data-v-3ab64943><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-3ab64943><div class="bg-wds-light-500 rounded-w-admin-xl overflow-hidden border border-wds-light-200 w-120 h-auto" style="" data-v-3ab64943><div class="flex justify-center items-center flex-row flex-nowrap w-full" style="" data-v-3ab64943><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" style="" data-v-3ab64943><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-3ab64943><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="far fa-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="far fa-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="far fa-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="far fa-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="link" 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-3ab64943><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="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/quiz/6283f3d3d9e24d001ed1cfde/fractions-on-a-number-line" data-testid="activity-popular-resource-card-6283f3d3d9e24d001ed1cfde" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.g2chuc9rebs" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5d9217ff42b14f001b98f716/equivalent-fractions" data-testid="activity-popular-resource-card-5d9217ff42b14f001b98f716" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.o12rdcdqd8" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.o212l9nt13n" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a97f24c3773c8001bc3bbb0/fractions" data-testid="activity-popular-resource-card-5a97f24c3773c8001bc3bbb0" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.w6ced3rxpz" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>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" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.2vkw2sy7ha7" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/621ce020fbd544001d3587bf/context-clues" data-testid="activity-popular-resource-card-621ce020fbd544001d3587bf" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.6cmfcvog8bj" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c79326a50eeb3001ccf1139/equivalent-fractions" data-testid="activity-popular-resource-card-5c79326a50eeb3001ccf1139" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.1llxncbbalm" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a9b4b53045147001adcd474/figurative-language-review" data-testid="activity-popular-resource-card-5a9b4b53045147001adcd474" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Figurative Language Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.8389bmt8rfs" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Figurative Language Review</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>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/6283f3d3d9e24d001ed1cfde/fractions-on-a-number-line" data-testid="activity-subject-resource-card-6283f3d3d9e24d001ed1cfde" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.5wd21cw0nbc" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5d9217ff42b14f001b98f716/equivalent-fractions" data-testid="activity-subject-resource-card-5d9217ff42b14f001b98f716" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.3twisaspzos" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-subject-resource-card-5c389a492f1851001b880bd4" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.zy31rdx8h6" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a97f24c3773c8001bc3bbb0/fractions" data-testid="activity-subject-resource-card-5a97f24c3773c8001bc3bbb0" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.fjecspmaw3d" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/64eccefe94d91c6ecb4c2284/main-idea-and-details" data-testid="activity-subject-resource-card-64eccefe94d91c6ecb4c2284" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.uuuxfkmaia" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/621ce020fbd544001d3587bf/context-clues" data-testid="activity-subject-resource-card-621ce020fbd544001d3587bf" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.t2azplbdxpd" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c79326a50eeb3001ccf1139/equivalent-fractions" data-testid="activity-subject-resource-card-5c79326a50eeb3001ccf1139" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><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" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.jxlj93m466o" 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="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a9b4b53045147001adcd474/figurative-language-review" data-testid="activity-subject-resource-card-5a9b4b53045147001adcd474" data-v-10a71925><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-10a71925><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-10a71925><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-10a71925><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-10a71925><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Figurative Language Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-10a71925></div><div class="bottom-2 left-2 absolute" data-v-10a71925><div class="" data-v-10a71925><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="" data-v-10a71925><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-10a71925><div aria-describedby="tooltip-0.3xuoto14x6o" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Figurative Language Review</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-10a71925><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" data-v-10a71925> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-10a71925>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="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/ela/writing/writing-types/analysis/literary-analysis/write-about-literary-elements" 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.tf5b2jtb228" 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">Write about literary elements</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Write about literary elements-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/economics/community-economics/community-economics" 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.a88guktgimk" 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">Community economics</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Community economics-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/science-and-the-arts/digital-science-communication" 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.1b29pfljbwi" 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">Digital Science Communication</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Digital Science Communication-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/measurement-and-data/data/introduction-to-statistics" 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.ki2y1d1b229" 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">Introduction to statistics</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Introduction to statistics-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/history/state-and-national-history/native-american-cultures" 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.0jre087z69qm" 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">Native American cultures</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Native American cultures-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/geometry/basic-geometry/geometric-elements/drawing-and-identifying-geometric-elements" 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.atl11g7u3pa" 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">Drawing and identifying geometric elements</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Drawing and identifying geometric elements-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/geography/places-and-regions/places/what-is-a-community" 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.73aua1jeskg" 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">What is a community?</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="What is a community?-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/reading/literature/elements-and-analysis/elements-of-poetry/stanza" 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.wjdf5dc9afk" 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">Stanza</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Stanza-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/geography/environment-and-society/natural-resources/resource-conservation" 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.7afcz61e75l" 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">Resource conservation</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Resource conservation-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/health/personal-health/practice-preventive-health-measures" 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.p967fz160q" 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">Practice preventive health measures</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Practice preventive health measures-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-58e897e4><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-58e897e4><div class="flex flex-col justify-between w-full" data-v-58e897e4><div class="flex flex-col md:flex-row" data-v-58e897e4><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-58e897e4></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-58e897e4><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-58e897e4><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-58e897e4><p class="text-sm font-semibold copyright text-dark-4" data-v-58e897e4> © 2026 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-58e897e4><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-58e897e4><i class="social-icon fab fa-twitter" data-v-58e897e4></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-58e897e4><i class="social-icon fab fa-facebook" data-v-58e897e4></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-58e897e4><i class="social-icon fab fa-instagram" data-v-58e897e4></i></a><span class="block w-px h-5 bg-dark-5" data-v-58e897e4></span><a href="/practice/sitemaps" rel="noopener noreferrer" target="_blank" data-v-58e897e4><span class="text-sm text-dark-3 hover:underline" data-v-58e897e4><span data-v-58e897e4>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-58e897e4><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-58e897e4><span data-v-58e897e4>Get our app</span></label><div class="flex space-x-2" data-v-58e897e4><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-58e897e4><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-58e897e4></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-58e897e4><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-58e897e4></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":1735,"once":1737,"_errors":1738,"serverRendered":5,"path":1740,"country":30,"region":1741},["ShallowReactive",3],{"recommendations-67761c7dd787a71f91c9f986-false":4,"quiz-67761c7dd787a71f91c9f986":13,"recommendations-aggregated-67761c7dd787a71f91c9f986":1577,"recommendations-indexed-67761c7dd787a71f91c9f986-false":1669},{"success":5,"data":6,"time":12},true,{"quizzes":7,"total":8,"timeTaken":9,"experiment":10,"source":11},[],182182,35,"quizPageRecoPublicSearch","recommended_search","2026-02-07T05:12:20.597589038Z",{"success":5,"message":14,"data":15,"time":1573,"meta":1574},"Ok",{"quiz":16,"draft":21},{"isTagged":17,"isLoved":17,"tagIds":18,"stats":19,"love":20,"cloned":17,"parentDetail":21,"deleted":17,"archived":17,"lifetimeAccess":17,"draftVersion":21,"publishedVersion":22,"isShared":17,"type":23,"hidden":17,"_id":24,"createdBy":25,"info":44,"paidOrganization":1569,"createdAt":1570,"updated":1571,"premiumUse":1572,"shouldIndex":5,"hasDraftVersion":17,"hasPublishedVersion":5,"gameChangerBadge":21,"lock":21,"isPremium":17},false,[],{"played":20,"totalPlayers":20,"totalCorrect":20,"totalQuestions":20},0,null,"6799dc71c96547db94653d42","video-quiz","67761c7dd787a71f91c9f986",{"_id":26,"firstName":27,"lastName":28,"occupation":29,"country":30,"preferences":31,"grades":33,"subject_tags":39,"media":43},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":32},"en",[34,35,36,37,38],6,7,8,9,10,[40,41,42],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":32,"aiGenerated":17,"qm":45,"visibility":5,"subjects":59,"topics":63,"subtopics":64,"grade":65,"gradeLevel":21,"deleted":17,"pref":68,"traits":69,"standardIds":71,"__v":72,"meta":73,"_id":22,"name":74,"image":75,"questions":76,"questionDrafts":576,"standards":21,"courses":21,"interactiveVideoProps":577,"createdAt":1567,"updated":1568,"isProfane":17,"whitelisted":5,"slug":74},{"67761c890d349940643b23e1":46,"67761c890d349940643b23e2":48,"67761c890d349940643b23e3":50,"67761c890d349940643b23e4":51,"67761c890d349940643b23e5":52,"67761c890d349940643b23e6":53,"67761c890d349940643b23e7":54,"67761c890d349940643b23e8":55,"67761c890d349940643b23e9":56,"67761c890d349940643b23ea":57,"67761c890d349940643b23eb":58},{"time":47},900000,{"time":49},30000,{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},{"time":49},[60,61,62],"Information Technology (IT)","Architecture","Other",[],[],[66,67],"0","13",{"time":21},{"isQuizWithoutCorrectAnswer":17,"totalSlides":20,"totalComprehensionQuestions":70,"nonAnswerableQuestions":70},1,[],3,{"slot":21,"experiment":21},"Basic Document Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cded312f-a27c-4bad-8349-1146140c0165-v2",[77,137,185,228,272,316,360,403,446,490,533],{"structure":78,"standards":118,"topics":119,"isSuperParent":17,"standardIds":120,"unifiedStandardIds":121,"aiGenerated":17,"__v":122,"teleportFrom":21,"cloned":21,"ver":72,"parent":21,"_id":123,"time":47,"published":5,"aiCreateMeta":21,"type":79,"comprehensionQuestionIds":124,"createdAt":135,"updated":136},{"kind":79,"answer":80,"settings":81,"marks":83,"query":84,"options":99,"explain":100,"theme":104,"graphs":113,"hints":114,"order":115,"hasMath":17,"media":116,"elements":117},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":17,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},"string",{"correct":20,"incorrect":20},{"answerTime":85,"math":86,"type":21,"hasMath":17,"media":88,"text":97,"_id":98},-1,{"latex":87,"template":21},[],[89],{"type":90,"meta":91},"video",{"duration":92,"endTime":92,"startTime":20,"videoId":93,"src":94,"thumbnail":95,"filmstrip":96},797,"63c7ae092722035d98f1262c","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_rv2slaf5/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_rv2slaf5/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67761c8993794493b8a22d5c",[],{"math":101,"type":97,"hasMath":17,"media":103,"text":97},{"latex":102,"template":21},[],[],{"titleFontFamily":105,"fontFamily":105,"fontColor":106,"background":108,"shape":110},"Quicksand",{"text":107},"#5D2057",{"color":109,"image":97,"video":97},"#FFFFFF",{"largeShapeColor":111,"smallShapeColor":112},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],[],4,"67761c890d349940643b23e1",[125,126,127,128,129,130,131,132,133,134],"67761c890d349940643b23e2","67761c890d349940643b23e3","67761c890d349940643b23e4","67761c890d349940643b23e5","67761c890d349940643b23e6","67761c890d349940643b23e7","67761c890d349940643b23e8","67761c890d349940643b23e9","67761c890d349940643b23ea","67761c890d349940643b23eb","2025-01-02T04:56:41.838Z","2025-01-29T07:44:49.785Z",{"structure":138,"standards":179,"topics":180,"isSuperParent":17,"standardIds":181,"unifiedStandardIds":182,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":125,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":183,"createdAt":184,"updated":136},{"settings":139,"hasMath":17,"query":140,"options":146,"explain":171,"hints":175,"kind":176,"marks":177,"answer":178},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":142,"answerTime":85,"text":144,"media":145},"text",{"latex":143,"template":21},[],"\u003Cp>What is the first tool you need to start coding in HTML?\u003C/p>",[],[147,153,159,165],{"type":141,"hasMath":17,"math":148,"answerTime":20,"id":150,"text":151,"media":152,"_id":150},{"latex":149,"template":21},[],"67761c890fa25f3a0bb80c22","\u003Cp>A graphics editor\u003C/p>",[],{"type":141,"hasMath":17,"math":154,"answerTime":20,"id":156,"text":157,"media":158,"_id":156},{"latex":155,"template":21},[],"67761c890fa25f007cb80c23","\u003Cp>A database management system\u003C/p>",[],{"type":141,"hasMath":17,"math":160,"answerTime":20,"id":162,"text":163,"media":164,"_id":162},{"latex":161,"template":21},[],"67761c890fa25f50fbb80c24","\u003Cp>A web browser\u003C/p>",[],{"type":141,"hasMath":17,"math":166,"answerTime":20,"id":168,"text":169,"media":170,"_id":168},{"latex":167,"template":21},[],"67761c890fa25f1712b80c25","\u003Cp>A spreadsheet application\u003C/p>",[],{"type":141,"text":97,"media":172,"hasMath":17,"math":173,"answerTime":20},[],{"template":21,"latex":174},[],[],"MCQ",{"correct":70,"incorrect":20},2,[],[],[],[],64,"2025-01-02T04:56:41.854Z",{"structure":186,"standards":224,"topics":225,"isSuperParent":17,"standardIds":226,"unifiedStandardIds":227,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":126,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":183,"createdAt":184,"updated":136},{"settings":187,"hasMath":17,"query":188,"options":193,"explain":218,"hints":222,"kind":176,"marks":223,"answer":178},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":189,"answerTime":85,"text":191,"media":192},{"latex":190,"template":21},[],"\u003Cp>Which text editor is recommended for HTML coding in this course?\u003C/p>",[],[194,200,206,212],{"type":141,"hasMath":17,"math":195,"answerTime":20,"id":197,"text":198,"media":199,"_id":197},{"latex":196,"template":21},[],"67761c890fa25ffa22b80c29","\u003Cp>Sublime Text\u003C/p>",[],{"type":141,"hasMath":17,"math":201,"answerTime":20,"id":203,"text":204,"media":205,"_id":203},{"latex":202,"template":21},[],"67761c890fa25f0abfb80c2a","\u003Cp>Atom\u003C/p>",[],{"type":141,"hasMath":17,"math":207,"answerTime":20,"id":209,"text":210,"media":211,"_id":209},{"latex":208,"template":21},[],"67761c890fa25fab12b80c2b","\u003Cp>Visual Studio Code\u003C/p>",[],{"type":141,"hasMath":17,"math":213,"answerTime":20,"id":215,"text":216,"media":217,"_id":215},{"latex":214,"template":21},[],"67761c890fa25fd562b80c2c","\u003Cp>Notepad\u003C/p>",[],{"type":141,"text":97,"media":219,"hasMath":17,"math":220,"answerTime":20},[],{"template":21,"latex":221},[],[],{"correct":70,"incorrect":20},[],[],[],[],{"structure":229,"standards":267,"topics":268,"isSuperParent":17,"standardIds":269,"unifiedStandardIds":270,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":127,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":271,"createdAt":184,"updated":136},{"settings":230,"hasMath":17,"query":231,"options":236,"explain":261,"hints":265,"kind":176,"marks":266,"answer":70},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":232,"answerTime":85,"text":234,"media":235},{"latex":233,"template":21},[],"\u003Cp>What is the purpose of the Live Server extension in Visual Studio Code?\u003C/p>",[],[237,243,249,255],{"type":141,"hasMath":17,"math":238,"answerTime":20,"id":240,"text":241,"media":242,"_id":240},{"latex":239,"template":21},[],"67761c890fa25f345ab80c30","\u003Cp>To compile code\u003C/p>",[],{"type":141,"hasMath":17,"math":244,"answerTime":20,"id":246,"text":247,"media":248,"_id":246},{"latex":245,"template":21},[],"67761c890fa25f8099b80c31","\u003Cp>To load code into the browser easily\u003C/p>",[],{"type":141,"hasMath":17,"math":250,"answerTime":20,"id":252,"text":253,"media":254,"_id":252},{"latex":251,"template":21},[],"67761c890fa25f303eb80c32","\u003Cp>To manage databases\u003C/p>",[],{"type":141,"hasMath":17,"math":256,"answerTime":20,"id":258,"text":259,"media":260,"_id":258},{"latex":257,"template":21},[],"67761c890fa25f1587b80c33","\u003Cp>To edit images\u003C/p>",[],{"type":141,"text":97,"media":262,"hasMath":17,"math":263,"answerTime":20},[],{"template":21,"latex":264},[],[],{"correct":70,"incorrect":20},[],[],[],[],193,{"structure":273,"standards":311,"topics":312,"isSuperParent":17,"standardIds":313,"unifiedStandardIds":314,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":128,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":315,"createdAt":184,"updated":136},{"settings":274,"hasMath":17,"query":275,"options":280,"explain":305,"hints":309,"kind":176,"marks":310,"answer":70},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":276,"answerTime":85,"text":278,"media":279},{"latex":277,"template":21},[],"\u003Cp>What is the first step in creating a new HTML file in Visual Studio Code?\u003C/p>",[],[281,287,293,299],{"type":141,"hasMath":17,"math":282,"answerTime":20,"id":284,"text":285,"media":286,"_id":284},{"latex":283,"template":21},[],"67761c890fa25fac1db80c37","\u003Cp>Create a new folder\u003C/p>",[],{"type":141,"hasMath":17,"math":288,"answerTime":20,"id":290,"text":291,"media":292,"_id":290},{"latex":289,"template":21},[],"67761c890fa25f40fcb80c38","\u003Cp>Right-click and select 'New File'\u003C/p>",[],{"type":141,"hasMath":17,"math":294,"answerTime":20,"id":296,"text":297,"media":298,"_id":296},{"latex":295,"template":21},[],"67761c890fa25fbeecb80c39","\u003Cp>Install a new extension\u003C/p>",[],{"type":141,"hasMath":17,"math":300,"answerTime":20,"id":302,"text":303,"media":304,"_id":302},{"latex":301,"template":21},[],"67761c890fa25f2b4ab80c3a","\u003Cp>Open a new tab\u003C/p>",[],{"type":141,"text":97,"media":306,"hasMath":17,"math":307,"answerTime":20},[],{"template":21,"latex":308},[],[],{"correct":70,"incorrect":20},[],[],[],[],300,{"structure":317,"standards":355,"topics":356,"isSuperParent":17,"standardIds":357,"unifiedStandardIds":358,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":129,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":359,"createdAt":184,"updated":136},{"settings":318,"hasMath":17,"query":319,"options":324,"explain":349,"hints":353,"kind":176,"marks":354,"answer":20},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":320,"answerTime":85,"text":322,"media":323},{"latex":321,"template":21},[],"\u003Cp>What does the document type declaration in HTML signify?\u003C/p>",[],[325,331,337,343],{"type":141,"hasMath":17,"math":326,"answerTime":20,"id":328,"text":329,"media":330,"_id":328},{"latex":327,"template":21},[],"67761c890fa25f95eab80c3e","\u003Cp>The version of HTML being used\u003C/p>",[],{"type":141,"hasMath":17,"math":332,"answerTime":20,"id":334,"text":335,"media":336,"_id":334},{"latex":333,"template":21},[],"67761c890fa25f2c85b80c3f","\u003Cp>The language of the document\u003C/p>",[],{"type":141,"hasMath":17,"math":338,"answerTime":20,"id":340,"text":341,"media":342,"_id":340},{"latex":339,"template":21},[],"67761c890fa25f6c1db80c40","\u003Cp>The author of the document\u003C/p>",[],{"type":141,"hasMath":17,"math":344,"answerTime":20,"id":346,"text":347,"media":348,"_id":346},{"latex":345,"template":21},[],"67761c890fa25f8f59b80c41","\u003Cp>The encoding type\u003C/p>",[],{"type":141,"text":97,"media":350,"hasMath":17,"math":351,"answerTime":20},[],{"template":21,"latex":352},[],[],{"correct":70,"incorrect":20},[],[],[],[],601,{"structure":361,"standards":399,"topics":400,"isSuperParent":17,"standardIds":401,"unifiedStandardIds":402,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":130,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":359,"createdAt":184,"updated":136},{"settings":362,"hasMath":17,"query":363,"options":368,"explain":393,"hints":397,"kind":176,"marks":398,"answer":72},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":364,"answerTime":85,"text":366,"media":367},{"latex":365,"template":21},[],"\u003Cp>Which tag is used to define the title of an HTML document?\u003C/p>",[],[369,375,381,387],{"type":141,"hasMath":17,"math":370,"answerTime":20,"id":372,"text":373,"media":374,"_id":372},{"latex":371,"template":21},[],"67761c890fa25f78f1b80c45","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":141,"hasMath":17,"math":376,"answerTime":20,"id":378,"text":379,"media":380,"_id":378},{"latex":377,"template":21},[],"67761c890fa25f0f74b80c46","\u003Cp>\u003Chead>\u003C/p>",[],{"type":141,"hasMath":17,"math":382,"answerTime":20,"id":384,"text":385,"media":386,"_id":384},{"latex":383,"template":21},[],"67761c890fa25f6a44b80c47","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":141,"hasMath":17,"math":388,"answerTime":20,"id":390,"text":391,"media":392,"_id":390},{"latex":389,"template":21},[],"67761c890fa25fd1bcb80c48","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":141,"text":97,"media":394,"hasMath":17,"math":395,"answerTime":20},[],{"template":21,"latex":396},[],[],{"correct":70,"incorrect":20},[],[],[],[],{"structure":404,"standards":442,"topics":443,"isSuperParent":17,"standardIds":444,"unifiedStandardIds":445,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":131,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":359,"createdAt":184,"updated":136},{"settings":405,"hasMath":17,"query":406,"options":411,"explain":436,"hints":440,"kind":176,"marks":441,"answer":72},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":407,"answerTime":85,"text":409,"media":410},{"latex":408,"template":21},[],"\u003Cp>What is the purpose of the viewport meta tag?\u003C/p>",[],[412,418,424,430],{"type":141,"hasMath":17,"math":413,"answerTime":20,"id":415,"text":416,"media":417,"_id":415},{"latex":414,"template":21},[],"67761c890fa25fcf9ab80c4c","\u003Cp>To specify the document's author\u003C/p>",[],{"type":141,"hasMath":17,"math":419,"answerTime":20,"id":421,"text":422,"media":423,"_id":421},{"latex":420,"template":21},[],"67761c890fa25f3c53b80c4d","\u003Cp>To set the language of the document\u003C/p>",[],{"type":141,"hasMath":17,"math":425,"answerTime":20,"id":427,"text":428,"media":429,"_id":427},{"latex":426,"template":21},[],"67761c890fa25f7303b80c4e","\u003Cp>To define the character set\u003C/p>",[],{"type":141,"hasMath":17,"math":431,"answerTime":20,"id":433,"text":434,"media":435,"_id":433},{"latex":432,"template":21},[],"67761c890fa25f368eb80c4f","\u003Cp>To control the page's dimensions and scaling\u003C/p>",[],{"type":141,"text":97,"media":437,"hasMath":17,"math":438,"answerTime":20},[],{"template":21,"latex":439},[],[],{"correct":70,"incorrect":20},[],[],[],[],{"structure":447,"standards":485,"topics":486,"isSuperParent":17,"standardIds":487,"unifiedStandardIds":488,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":132,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":489,"createdAt":184,"updated":136},{"settings":448,"hasMath":17,"query":449,"options":454,"explain":479,"hints":483,"kind":176,"marks":484,"answer":178},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":450,"answerTime":85,"text":452,"media":453},{"latex":451,"template":21},[],"\u003Cp>What is the traditional first program written in a new programming language?\u003C/p>",[],[455,461,467,473],{"type":141,"hasMath":17,"math":456,"answerTime":20,"id":458,"text":459,"media":460,"_id":458},{"latex":457,"template":21},[],"67761c890fa25f1440b80c53","\u003Cp>Goodbye World\u003C/p>",[],{"type":141,"hasMath":17,"math":462,"answerTime":20,"id":464,"text":465,"media":466,"_id":464},{"latex":463,"template":21},[],"67761c890fa25ff0cfb80c54","\u003Cp>Hello Universe\u003C/p>",[],{"type":141,"hasMath":17,"math":468,"answerTime":20,"id":470,"text":471,"media":472,"_id":470},{"latex":469,"template":21},[],"67761c890fa25fa887b80c55","\u003Cp>Hello World\u003C/p>",[],{"type":141,"hasMath":17,"math":474,"answerTime":20,"id":476,"text":477,"media":478,"_id":476},{"latex":475,"template":21},[],"67761c890fa25f84eeb80c56","\u003Cp>Welcome Home\u003C/p>",[],{"type":141,"text":97,"media":480,"hasMath":17,"math":481,"answerTime":20},[],{"template":21,"latex":482},[],[],{"correct":70,"incorrect":20},[],[],[],[],786,{"structure":491,"standards":529,"topics":530,"isSuperParent":17,"standardIds":531,"unifiedStandardIds":532,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":133,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":489,"createdAt":184,"updated":136},{"settings":492,"hasMath":17,"query":493,"options":498,"explain":523,"hints":527,"kind":176,"marks":528,"answer":70},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":494,"answerTime":85,"text":496,"media":497},{"latex":495,"template":21},[],"\u003Cp>Which tag is used to create a heading in HTML?\u003C/p>",[],[499,505,511,517],{"type":141,"hasMath":17,"math":500,"answerTime":20,"id":502,"text":503,"media":504,"_id":502},{"latex":501,"template":21},[],"67761c890fa25f17e9b80c5a","\u003Cp>\u003C/p>",[],{"type":141,"hasMath":17,"math":506,"answerTime":20,"id":508,"text":509,"media":510,"_id":508},{"latex":507,"template":21},[],"67761c890fa25fb2c4b80c5b","\u003Cp>\u003Ch1>\u003C/p>",[],{"type":141,"hasMath":17,"math":512,"answerTime":20,"id":514,"text":515,"media":516,"_id":514},{"latex":513,"template":21},[],"67761c890fa25f022bb80c5c","\u003Cp>\u003Cdiv>\u003C/p>",[],{"type":141,"hasMath":17,"math":518,"answerTime":20,"id":520,"text":521,"media":522,"_id":520},{"latex":519,"template":21},[],"67761c890fa25faf4db80c5d","\u003Cp>\u003Cspan>\u003C/p>",[],{"type":141,"text":97,"media":524,"hasMath":17,"math":525,"answerTime":20},[],{"template":21,"latex":526},[],[],{"correct":70,"incorrect":20},[],[],[],[],{"structure":534,"standards":572,"topics":573,"isSuperParent":17,"standardIds":574,"unifiedStandardIds":575,"aiGenerated":5,"__v":72,"teleportFrom":21,"cloned":21,"ver":178,"parent":21,"_id":134,"time":49,"published":5,"aiCreateMeta":21,"type":176,"comprehensionQuestionId":123,"comprehensionTimestamp":489,"createdAt":184,"updated":136},{"settings":535,"hasMath":17,"query":536,"options":541,"explain":566,"hints":570,"kind":176,"marks":571,"answer":70},{"hasCorrectAnswer":5,"fibDataType":82,"canSubmitCustomResponse":17,"doesOptionHaveMultipleTargets":17},{"type":141,"hasMath":17,"math":537,"answerTime":85,"text":539,"media":540},{"latex":538,"template":21},[],"\u003Cp>What is the purpose of the 'Go Live' button in Visual Studio Code?\u003C/p>",[],[542,548,554,560],{"type":141,"hasMath":17,"math":543,"answerTime":20,"id":545,"text":546,"media":547,"_id":545},{"latex":544,"template":21},[],"67761c890fa25f082ab80c61","\u003Cp>To open a live coding session\u003C/p>",[],{"type":141,"hasMath":17,"math":549,"answerTime":20,"id":551,"text":552,"media":553,"_id":551},{"latex":550,"template":21},[],"67761c890fa25ff085b80c62","\u003Cp>To launch a web browser with the current HTML page\u003C/p>",[],{"type":141,"hasMath":17,"math":555,"answerTime":20,"id":557,"text":558,"media":559,"_id":557},{"latex":556,"template":21},[],"67761c890fa25f0e1bb80c63","\u003Cp>To start a live chat\u003C/p>",[],{"type":141,"hasMath":17,"math":561,"answerTime":20,"id":563,"text":564,"media":565,"_id":563},{"latex":562,"template":21},[],"67761c890fa25f04f1b80c64","\u003Cp>To save the current document\u003C/p>",[],{"type":141,"text":97,"media":567,"hasMath":17,"math":568,"answerTime":20},[],{"template":21,"latex":569},[],[],{"correct":70,"incorrect":20},[],[],[],[],[],{"videoMeta":578,"aiMeta":1483},{"videoProvider":94,"videoId":93,"videoTitle":74,"duration":92,"channelTitle":579,"videoType":580,"videoSubTypes":581,"transcript":583},"SkillSprints","INSTRUCTIONAL",[582],"CHALK_AND_TALK_PRESENTATION",[584,588,592,596,600,604,608,612,616,620,624,628,632,636,640,644,648,652,656,659,663,667,671,675,679,683,687,691,695,699,703,707,710,714,718,722,726,730,734,738,742,746,750,753,757,761,765,769,773,777,781,785,789,793,797,801,805,809,813,817,821,825,829,833,837,841,845,848,852,856,860,864,867,871,875,879,882,886,890,894,898,902,906,910,914,918,922,926,930,934,938,942,946,950,954,958,962,966,970,974,978,982,985,989,993,997,1001,1005,1009,1013,1017,1021,1024,1028,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1090,1094,1098,1102,1106,1110,1113,1117,1121,1125,1129,1133,1137,1141,1145,1149,1153,1157,1161,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264,1268,1272,1276,1280,1284,1288,1292,1296,1300,1303,1307,1311,1314,1318,1322,1326,1330,1334,1338,1341,1345,1349,1353,1357,1361,1365,1369,1373,1377,1381,1385,1389,1393,1397,1401,1405,1408,1412,1415,1419,1423,1427,1431,1435,1439,1443,1447,1451,1455,1459,1463,1467,1471,1475,1479],{"text":585,"duration":586,"offset":587},"of HTML.",483,3446,{"text":589,"duration":590,"offset":591},"Hello and welcome to HTML5 foundations. My name is Mark",3630,11650,{"text":593,"duration":594,"offset":595},"and I'm the instructor for this course. I really think",3565,15346,{"text":597,"duration":598,"offset":599},"you're going to enjoy learning HTML5 because it's foundational to",4290,18977,{"text":601,"duration":602,"offset":603},"every website that you've ever visited. For any website that",3961,23333,{"text":605,"duration":606,"offset":607},"you visit, you can actually see the HTML5 code in",3235,27360,{"text":609,"duration":610,"offset":611},"your web browser. You're going to learn all of the",3300,30661,{"text":613,"duration":614,"offset":615},"syntax and structures.",1452,34027,{"text":617,"duration":618,"offset":619},"For the HTML5 language in this video we're going to",3262,35580,{"text":621,"duration":622,"offset":623},"hit the ground running. You're going to write your first",3582,38906,{"text":625,"duration":626,"offset":627},"lines of HTML5 code, but first we're going to set",3135,42552,{"text":629,"duration":630,"offset":631},"U your coding environments so you can get started. In",3390,45751,{"text":633,"duration":634,"offset":635},"order to work in HTML there are two tools you're",3071,49205,{"text":637,"duration":638,"offset":639},"going to need. The first I guarantee you already have,",3454,52340,{"text":641,"duration":642,"offset":643},"and that's a web browser. You're probably already using it,",3774,55858,{"text":645,"duration":646,"offset":647},"but I recommend Chrome and getting the latest edition of",3583,59696,{"text":649,"duration":650,"offset":651},"Chrome, the other tool that you need.",2366,63343,{"text":653,"duration":654,"offset":655},"Is a text editor. I'm going to be using Visual",2887,65790,{"text":657,"duration":654,"offset":658},"Studio code and I recommend that you use it as",68740,{"text":660,"duration":661,"offset":662},"well. There's a version for Mac, Windows, and Linux. Please",3704,71690,{"text":664,"duration":665,"offset":666},"download the stable version so you don't have to deal",3327,75457,{"text":668,"duration":669,"offset":670},"with any bugs that might be in the beta version.",3013,78846,{"text":672,"duration":673,"offset":674},"Once you install Visual Studio code, you'll come to a",3343,82959,{"text":676,"duration":677,"offset":678},"screen that looks something like this. I'm going to click",3594,86365,{"text":680,"duration":681,"offset":682},"over here on the extensions option.",2208,90022,{"text":684,"duration":685,"offset":686},"Visual Studio Code has a plugin based architecture. That means",3808,92940,{"text":688,"duration":689,"offset":690},"that there are features that don't come with the base",3256,96810,{"text":692,"duration":693,"offset":694},"install. Instead you have to download those features as a",3502,100127,{"text":696,"duration":697,"offset":698},"plugin. We're going to actually use two of those features.",3563,103690,{"text":700,"duration":701,"offset":702},"The first plugin you're going to download is called Live",3441,107314,{"text":704,"duration":705,"offset":706},"Server. So simply type live server. You'll see it come",3317,110816,{"text":708,"duration":654,"offset":709},"up here. Click on it and you'll see the install",114195,{"text":711,"duration":712,"offset":713},"button here where it says uninstall. In mine, of course",3379,117143,{"text":715,"duration":716,"offset":717},"mine says uninstall because I already have it.",2826,120584,{"text":719,"duration":720,"offset":721},"Installed live server will allow us to load our code",4837,123480,{"text":723,"duration":724,"offset":725},"into the browser very easily. The second extension if you",5302,128410,{"text":727,"duration":728,"offset":729},"search HTML, CSS is called HTML. CSS support CSS Intellisense",5674,133805,{"text":731,"duration":732,"offset":733},"for HTML.",837,139572,{"text":735,"duration":736,"offset":737},"What this is going to do is provide some additional",3080,141540,{"text":739,"duration":740,"offset":741},"help in the development environment. When we code C, you're",3564,144681,{"text":743,"duration":744,"offset":745},"going to install that plugin as well. The plugins are",3202,148305,{"text":747,"duration":748,"offset":749},"a lot of fun. If you want to look through",2477,151567,{"text":751,"duration":618,"offset":752},"the list of available plugins and add some that appeal",154105,{"text":754,"duration":755,"offset":756},"to you, go ahead. Some of the plugins you'll find",2960,157427,{"text":758,"duration":759,"offset":760},"just add some visual niceties to the environment. Others support",3866,160448,{"text":762,"duration":763,"offset":764},"other types of code. For example, if we were coding",3081,164374,{"text":766,"duration":767,"offset":768},"in Python.",605,167515,{"text":770,"duration":771,"offset":772},"There's a number of relevant Python plugins, but we're going",3711,169740,{"text":774,"duration":775,"offset":776},"to stick to HTML. Once you have your two plugins",2969,173513,{"text":778,"duration":779,"offset":780},"installed, click on the top button on the left hand",3154,176544,{"text":782,"duration":783,"offset":784},"side called Explorer. I always recommend that you keep all",3588,179760,{"text":786,"duration":787,"offset":788},"your code in a single folder, so if you have",2721,183410,{"text":790,"duration":791,"offset":792},"not yet done so, go ahead and create a folder",2784,186193,{"text":794,"duration":795,"offset":796},"on your desktop or in your documents for the HTML",3031,189038,{"text":798,"duration":799,"offset":800},"code we're about to write.",1608,192131,{"text":802,"duration":803,"offset":804},"As a reminder, I think the best way to do",2293,194490,{"text":806,"duration":807,"offset":808},"this is to code along with me and use the",2294,196839,{"text":810,"duration":811,"offset":812},"pause button as you need to to keep U. You're",2518,199189,{"text":814,"duration":815,"offset":816},"not going to remember this just by watching the video",2965,201763,{"text":818,"duration":819,"offset":820},"O be an active learner. I've already created my folder",3021,204784,{"text":822,"duration":823,"offset":824},"so I'm going to choose open folder.",1958,207861,{"text":826,"duration":827,"offset":828},"And on my desktop I have a folder for HTML",2889,211410,{"text":830,"duration":831,"offset":832},"authoring. I'm going to select it and click open.",3371,214368,{"text":834,"duration":835,"offset":836},"Now, right now that folder is blank, so let's create",3617,218750,{"text":838,"duration":839,"offset":840},"our first file where we're going to write our HTML",3479,222436,{"text":842,"duration":843,"offset":844},"code. O here in the Explorer bar, under the name",3339,225984,{"text":846,"duration":843,"offset":847},"of the folder I just created, I'm going to right",229393,{"text":849,"duration":850,"offset":851},"click. I'm going to choose.",1878,232801,{"text":853,"duration":854,"offset":855},"New file and here I can type the file name.",3887,235400,{"text":857,"duration":858,"offset":859},"I'm going to type first HTML.",2621,239378,{"text":861,"duration":862,"offset":863},"As a standard, we use all lowercase for our file",3070,242960,{"text":865,"duration":665,"offset":866},"names, and every HTML file that you write should end",246094,{"text":868,"duration":869,"offset":870},"in HTML. That's how the browser is going to identify",3326,249485,{"text":872,"duration":873,"offset":874},"it as an HTML file and know that it's OK",2559,252875,{"text":876,"duration":877,"offset":878},"to run. So now we have to add our code",2431,255498,{"text":880,"duration":634,"offset":881},"to the file. So we're going to start with what's",257993,{"text":883,"duration":884,"offset":885},"called the basic document structure. The basic document structure occurs",4606,261128,{"text":887,"duration":888,"offset":889},"in every single HTML document, whether it runs in the",3391,265798,{"text":891,"duration":892,"offset":893},"web browser or on a TV or in a mobile",2367,269253,{"text":895,"duration":896,"offset":897},"app.",256,271684,{"text":899,"duration":900,"offset":901},"So the first part of the basic document structure is",3573,272700,{"text":903,"duration":904,"offset":905},"called the document Type Declaration. It looks just like that.",4261,276342,{"text":907,"duration":908,"offset":909},"Doctype HTML. Essentially, this is declaring that we're working in",4536,280672,{"text":911,"duration":912,"offset":913},"HTML version five. That's what that means. It actually isn't",4123,285277,{"text":915,"duration":916,"offset":917},"in HTML. It simply declares that we're going to be",3436,289469,{"text":919,"duration":920,"offset":921},"writing HTML, and the formal HTML starts on the next",3574,292974,{"text":923,"duration":924,"offset":925},"line. So HTML is written in a series of tags.",3092,296617,{"text":927,"duration":928,"offset":929},"We'll start with our HTML tags, the HTML tags.",3161,299778,{"text":931,"duration":932,"offset":933},"Around the entire HTML document. And then we have two",4646,303010,{"text":935,"duration":936,"offset":937},"parts to our document. We have the head, and below",4383,307744,{"text":939,"duration":940,"offset":941},"the head, somewhat unironically, is the body.",3945,312215,{"text":943,"duration":944,"offset":945},"Inside the head is the title tag, and we'll call",5087,317370,{"text":947,"duration":948,"offset":949},"this first HTML documents.",2756,322563,{"text":951,"duration":952,"offset":953},"So this is our basic document structure. These tags are",4572,326560,{"text":955,"duration":956,"offset":957},"the scaffolding of every HTML document out there.",4074,331215,{"text":959,"duration":960,"offset":961},"You might want to save this as a template and",3063,336450,{"text":963,"duration":964,"offset":965},"then load it anytime you start a new HTML document.",3473,339581,{"text":967,"duration":968,"offset":969},"Or if you downloaded Visual Studio code with me and",3472,343122,{"text":971,"duration":972,"offset":973},"are lazy like me, I got a trick to show",2655,346662,{"text":975,"duration":976,"offset":977},"you. Let's go ahead and save this document first dot",3540,349385,{"text":979,"duration":980,"offset":981},"HTML I just hit command S, hit control S on",2927,352994,{"text":983,"duration":976,"offset":984},"a Windows machine and let's create another document.",355989,{"text":986,"duration":987,"offset":988},"So I'm going to right click here under HTML authoring",4282,360279,{"text":990,"duration":991,"offset":992},"choose new file and let's call this BDS for basic",3958,364642,{"text":994,"duration":995,"offset":996},"document structure HTML.",1938,368681,{"text":998,"duration":999,"offset":1000},"Now, once I save this as a HTML document, I'm",2679,372040,{"text":1002,"duration":1003,"offset":1004},"just going to type without the brackets here on line",3096,374779,{"text":1006,"duration":1007,"offset":1008},"one HTML. Notice that Visual Studio code is giving me",3155,377935,{"text":1010,"duration":1011,"offset":1012},"some help with a dropdown and it's giving me a",2739,381150,{"text":1014,"duration":1015,"offset":1016},"couple of different options. These are different versions of the",3811,383949,{"text":1018,"duration":1019,"offset":1020},"basic document structure that I can load automatically. So all",3692,387819,{"text":1022,"duration":638,"offset":1023},"of that typing I just did actually unnecessary. Although I",391570,{"text":1025,"duration":1026,"offset":1027},"recommend you do learn it by heart because you're not",3156,395084,{"text":1029,"duration":1026,"offset":1030},"always going to be in this environment and you should",398299,{"text":1032,"duration":1033,"offset":1034},"be able to.",655,401515,{"text":1036,"duration":1037,"offset":1038},"Know when something's wrong when you're reading code. So there's",4339,402240,{"text":1040,"duration":1041,"offset":1042},"the HTML standard version, HTML5, and then the HTML XML",3729,406647,{"text":1044,"duration":1045,"offset":1046},"compatible version. We're going to choose the one in the",3797,410444,{"text":1048,"duration":1049,"offset":1050},"middle, HTML5. I'm simply going to use my arrow keys",3525,414309,{"text":1052,"duration":1053,"offset":1054},"to move up and down and then press return to",2984,417902,{"text":1056,"duration":1057,"offset":1058},"select and voila, we have my entire basic document structure.",4137,420953,{"text":1060,"duration":1061,"offset":1062},"Ready to go now? If your code is running off",2426,426820,{"text":1064,"duration":1065,"offset":1066},"the right side of the screen, as mine is, because",2702,429301,{"text":1068,"duration":1069,"offset":1070},"I have it magnified a little bit, I'm just going",2648,432058,{"text":1072,"duration":1073,"offset":1074},"to hit option and that will turn on the actual",2536,434761,{"text":1076,"duration":1077,"offset":1078},"carriage returns within the lines. You'll see line 6 now",3088,437353,{"text":1080,"duration":1081,"offset":1082},"is more than one line. Line 5 is more than",2316,440496,{"text":1084,"duration":1085,"offset":1086},"one line. It has nothing to do with how the",2372,442867,{"text":1088,"duration":1065,"offset":1089},"code is processed, it just makes it easier for me",445294,{"text":1091,"duration":1092,"offset":1093},"to read as a developer.",1269,448051,{"text":1095,"duration":1096,"offset":1097},"Let's review the code in our basic document structure.",3400,450740,{"text":1099,"duration":1100,"offset":1101},"As I mentioned, line one is our Doctype declaration stating",4629,455020,{"text":1103,"duration":1104,"offset":1105},"that this document is HTML5. Line 2 is our opening",3923,459728,{"text":1107,"duration":1108,"offset":1109},"HTML tag that's paired with a closing tag. In fact,",4001,463730,{"text":1111,"duration":1104,"offset":1112},"almost every tag is paired with a closing tag. The",467810,{"text":1114,"duration":1115,"offset":1116},"opening tag in this case is on Line 2. Our",3296,471812,{"text":1118,"duration":1119,"offset":1120},"closing tag is on line 12 and starts with a",3374,475186,{"text":1122,"duration":1123,"offset":1124},"slash.",470,478639,{"text":1126,"duration":1127,"offset":1128},"In the HTML opening tag, we have what's called an",3258,480350,{"text":1130,"duration":1131,"offset":1132},"attribute.",665,483675,{"text":1134,"duration":1135,"offset":1136},"And attribute modifies A tag. In this case, we're simply",3470,485170,{"text":1138,"duration":1139,"offset":1140},"indicating that the language is English language and English are",3966,488702,{"text":1142,"duration":1143,"offset":1144},"abbreviated, but you can see exactly what this attribute means.",3904,492730,{"text":1146,"duration":1147,"offset":1148},"This attribute is not strictly required, but it's not a",3409,496696,{"text":1150,"duration":1151,"offset":1152},"bad idea to have it, so let's leave it in.",2602,500167,{"text":1154,"duration":1155,"offset":1156},"We then have our opening head tag and our closing",3037,502831,{"text":1158,"duration":1159,"offset":1160},"head tag on Line 8, and you'll notice that the",2851,505930,{"text":1162,"duration":1135,"offset":1163},"coding environment added a bunch of meta tags. Meta tags",508843,{"text":1165,"duration":1166,"offset":1167},"essentially give information about our document.",2974,512375,{"text":1169,"duration":1170,"offset":1171},"So on line four we have a meta tag indicating",2977,515460,{"text":1173,"duration":1174,"offset":1175},"that we're using the character set UTF 8. That's a",3308,518503,{"text":1177,"duration":1178,"offset":1179},"pretty standard character set for English speaking countries. We also",4565,521877,{"text":1181,"duration":1182,"offset":1183},"have this HTTP equiv xua compatible, and if memory serves,",3838,526508,{"text":1185,"duration":1186,"offset":1187},"that was for older Internet Explorer machines. I don't think",3969,530412,{"text":1189,"duration":1190,"offset":1191},"anybody really uses that anymore. We actually could get rid",3903,534448,{"text":1193,"duration":1194,"offset":1195},"of it, but it doesn't harm anything to have it",3044,538417,{"text":1197,"duration":1198,"offset":1199},"there, so we'll leave it. Line 6 is an important",3176,541527,{"text":1201,"duration":1202,"offset":1203},"line.",331,544769,{"text":1205,"duration":1206,"offset":1207},"Meta name viewport content with equals device with initial scale",4505,545790,{"text":1209,"duration":1210,"offset":1211},"equals 1.0.",774,550365,{"text":1213,"duration":1214,"offset":1215},"It used to be that when people loaded a web",3093,552470,{"text":1217,"duration":1218,"offset":1219},"page into their computer, it was pretty predictable how big",4244,555635,{"text":1221,"duration":1222,"offset":1223},"their screen would be. That's no longer the case. People",4028,559951,{"text":1225,"duration":1226,"offset":1227},"are looking at web pages on everything from gigantic 4K",3957,564051,{"text":1229,"duration":1230,"offset":1231},"televisions to tiny iPhone mini devices, so we aren't sure",4172,568080,{"text":1233,"duration":1234,"offset":1235},"how big the screen is. What this meta tag is",3165,572324,{"text":1237,"duration":1238,"offset":1239},"doing is essentially saying OK, for the purpose of displaying",4388,575561,{"text":1241,"duration":1242,"offset":1243},"this website, we're going to set our magnification.",3669,580021,{"text":1245,"duration":1246,"offset":1247},"100% and we're going to make the width of the",2800,583760,{"text":1249,"duration":1250,"offset":1251},"screen the same as our device width. That sets U",2987,586623,{"text":1253,"duration":1254,"offset":1255},"the viewport or window through which you see the website.",3548,589672,{"text":1257,"duration":1258,"offset":1259},"Essentially what this is doing is preventing the user from",3610,593282,{"text":1261,"duration":1262,"offset":1263},"having that zoomed out view of the website that's impossible",3734,596955,{"text":1265,"duration":1266,"offset":1267},"to use on a mobile device.",1618,600751,{"text":1269,"duration":1270,"offset":1271},"Line 7 concludes our basic document structure with the title",4885,603070,{"text":1273,"duration":1274,"offset":1275},"tag. Let's change the value of the title tag to",3827,608036,{"text":1277,"duration":1278,"offset":1279},"basic document structure.",2035,611944,{"text":1281,"duration":1282,"offset":1283},"If you want your page indexed by Google, the title",3077,614929,{"text":1285,"duration":1286,"offset":1287},"tag is actually really important, and that's because the value",3815,618067,{"text":1289,"duration":1290,"offset":1291},"of the title tag where we put basic document structure",3323,621943,{"text":1293,"duration":1294,"offset":1295},"is the 1st place Google's going to look to figure",3015,625327,{"text":1297,"duration":1298,"offset":1299},"out how to index your page and for which keywords",3014,628404,{"text":1301,"duration":1286,"offset":1302},"your page should appear. Also, if someone bookmarks your page,",631480,{"text":1304,"duration":1305,"offset":1306},"the value of the title tag is the default name",2830,635356,{"text":1308,"duration":1309,"offset":1310},"of the bookmark. Third, if someone has a lot of",2892,638248,{"text":1312,"duration":1305,"offset":1313},"tabs open, I don't know if one of those people",641201,{"text":1315,"duration":1316,"offset":1317},"is like 30-40 tabs open.",1477,644093,{"text":1319,"duration":1320,"offset":1321},"At the same time this title tag value appears in",2972,645640,{"text":1323,"duration":1324,"offset":1325},"the tab so people know how to find the page",2663,648674,{"text":1327,"duration":1328,"offset":1329},"and go back to it. So this is an important",2601,651399,{"text":1331,"duration":1332,"offset":1333},"tag that you should be aware of what it does.",2787,654062,{"text":1335,"duration":1336,"offset":1337},"So here we have our title basic document structure.",3159,656911,{"text":1339,"duration":1214,"offset":1340},"Now in the body we don't have anything, and the",660790,{"text":1342,"duration":1343,"offset":1344},"body is where we would put all of the elements",3028,663949,{"text":1346,"duration":1347,"offset":1348},"that appear on the screen. O let's add something that's",3620,667043,{"text":1350,"duration":1351,"offset":1352},"fairly traditional.",1251,670729,{"text":1354,"duration":1355,"offset":1356},"The first time developers learn a new programming language, it's",3951,672690,{"text":1358,"duration":1359,"offset":1360},"traditional to write the Hello World program, which outputs the",3890,676702,{"text":1362,"duration":1363,"offset":1364},"text Hello World. O we're going to use another tag",3087,680653,{"text":1366,"duration":1367,"offset":1368},"to say Hello World. That tag is H1, also known",2840,683802,{"text":1370,"duration":1371,"offset":1372},"as heading one.",927,686703,{"text":1374,"duration":1375,"offset":1376},"So I'm going to begin typing my H1 tag and",2971,689110,{"text":1378,"duration":1379,"offset":1380},"notice when I close the tag, my environment automatically inserts",4598,692152,{"text":1382,"duration":1383,"offset":1384},"the closing H1 tag. Now I just need to type",3042,696821,{"text":1386,"duration":1387,"offset":1388},"in here the content for that tag, which is going",3396,699934,{"text":1390,"duration":1391,"offset":1392},"to be hello.",848,703401,{"text":1394,"duration":1395,"offset":1396},"World. Now I'm going to save the document.",2440,705140,{"text":1398,"duration":1399,"offset":1400},"It's saved under BDH HTML. Now remember earlier we installed",4071,710929,{"text":1402,"duration":1403,"offset":1404},"the extension live server. I'm going to click in the",3528,715067,{"text":1406,"duration":888,"offset":1407},"bottom right here where it says go live and that's",718663,{"text":1409,"duration":1410,"offset":1411},"going to load a web browser and display my page",3188,722122,{"text":1413,"duration":1410,"offset":1414},"through a live server. Here we go and there you",725378,{"text":1416,"duration":1417,"offset":1418},"see hello World.",1085,728634,{"text":1420,"duration":1421,"offset":1422},"So our code was successful in outputting your first HTML",3766,730600,{"text":1424,"duration":1425,"offset":1426},"text.",337,734433,{"text":1428,"duration":1429,"offset":1430},"And that text was produced by Line 10. Let's add",3832,735880,{"text":1432,"duration":1433,"offset":1434},"one more tag.",1038,739792,{"text":1436,"duration":1437,"offset":1438},"So this time I'm going to use a paragraph tag",3834,742360,{"text":1440,"duration":1441,"offset":1442},"an in the paragraph tag I'm going to say welcome",4090,746279,{"text":1444,"duration":1445,"offset":1446},"to the world of HTML coding.",2386,750454,{"text":1448,"duration":1449,"offset":1450},"Will again save our document.",1540,754530,{"text":1452,"duration":1453,"offset":1454},"And because we're using live server, as soon as I",3266,759750,{"text":1456,"duration":1457,"offset":1458},"load my web browser again, you can see the change",3267,763083,{"text":1460,"duration":1461,"offset":1462},"that was made.",934,766416,{"text":1464,"duration":1465,"offset":1466},"Alright, so congratulations on creating your first lines of code",4078,768890,{"text":1468,"duration":1469,"offset":1470},"and successfully writing the HTML5 Hello World program. Congratulations, you've",5034,773032,{"text":1472,"duration":1473,"offset":1474},"already written your first lines of HTML5 code. Let's keep",3696,778129,{"text":1476,"duration":1477,"offset":1478},"going. In the next video you're going to work on",3059,781889,{"text":1480,"duration":1481,"offset":1482},"HTML headings and paragraphs.",1848,785012,{"summary":1484,"sections":1485,"learningObjectives":1544,"keyConcepts":1553,"videoTags":1559},"This video tutorial introduces HTML5, explaining its significance in web development. It guides viewers through setting up a coding environment using a web browser and Visual Studio Code, including installing essential extensions like Live Server. The tutorial covers creating and saving HTML files, understanding the basic document structure, and reviewing and modifying HTML code. It concludes with a practical exercise of writing a simple 'Hello World' program, emphasizing the importance of active learning and hands-on practice.",[1486,1495,1504,1511,1519,1528,1536],{"title":1487,"start":591,"end":627,"description":1488,"tags":1489},"Introduction to HTML5","Introduction to HTML5 and its importance.",[1490,1491,1492,1493,1494],"HTML5","introduction","web development","syntax","structure",{"title":1496,"start":627,"end":682,"description":1497,"tags":1498},"Setting Up the Coding Environment","Tools needed for HTML coding.",[1499,1500,1501,1502,1503],"coding environment","tools","web browser","text editor","Visual Studio Code",{"title":1505,"start":682,"end":800,"description":1506,"tags":1507},"Installing Extensions in Visual Studio Code","How to install and use extensions.",[1508,1503,1509,1510],"extensions","Live Server","HTML CSS support",{"title":1512,"start":800,"end":929,"description":1513,"tags":1514},"Creating and Saving HTML Files","Steps to create and save HTML files.",[1515,1516,1517,1518],"HTML files","file creation","saving files","file naming",{"title":1520,"start":929,"end":1093,"description":1521,"tags":1522},"Understanding Basic Document Structure","Explanation of HTML document structure.",[1523,1524,1525,1526,1527],"document structure","HTML tags","head","body","doctype",{"title":1529,"start":1093,"end":1267,"description":1530,"tags":1531},"Reviewing and Modifying HTML Code","Review and modify HTML code.",[1532,1533,1490,1534,1535],"code review","modification","tags","attributes",{"title":1537,"start":1267,"end":1482,"description":1538,"tags":1539},"Creating a Hello World Program","Writing a simple Hello World program.",[1540,1541,1542,1543],"Hello World","H1 tag","paragraph tag","HTML coding",[1545,1546,1547,1548,1549,1550,1551,1552],"Understand HTML5 basics","Set up coding tools","Install VS Code extensions","Create HTML files","Understand document structure","Review HTML code","Write Hello World","Use HTML tags",[1554,1555,1556,1557,1558],"HTML5 syntax","Coding environment setup","Document structure","HTML tags and attributes","Practical coding exercise",{"keyTags":1560,"pedagogicalTags":1563},[1490,1492,1561,1503,1562],"coding","beginner tutorial",[1564,1565,1566],"hands-on learning","active learning","step-by-step guide","2025-01-29T07:44:49.753Z","2025-01-29T07:44:50.166Z","60919f6b27f749001c9a4bd7","2025-01-02T04:56:29.178Z","2025-01-29T07:44:50.168Z","ENABLED","2026-02-07T05:12:20.574Z",{"service":1575,"version":1576},"quizserver","267bda0fb9489686e7a3ef379f963273b9e77bbb",{"success":5,"data":1578,"time":1668},{"countryBasedRecommendations":1579,"subjectBasedRecommendations":1628,"subjectBasedQualifiers":1637},[1580,1587,1593,1600,1606,1612,1618,1623],{"id":1581,"quizId":1582,"country":30,"lowerGrade":72,"upperGrade":72,"quizRank":122,"subject":40,"quizImage":1583,"quizName":1584,"quizType":1585,"noOfQuestions":1586,"noOfSlides":20},"6979ec3c100e21248f1214b0","6283f3d3d9e24d001ed1cfde","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/8f6b81a1-fa29-4aab-bc39-b0e6f8db69b7","Fractions on a Number Line","quiz",15,{"id":1588,"quizId":1589,"country":30,"lowerGrade":72,"upperGrade":72,"quizRank":34,"subject":40,"quizImage":1590,"quizName":1591,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},"6979ec3c100e21248f1214ac","5d9217ff42b14f001b98f716","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/4b84db12-8026-4bfa-abc7-ce4000e0e9d3","Equivalent Fractions",20,{"id":1594,"quizId":1595,"country":30,"lowerGrade":1596,"upperGrade":1596,"quizRank":35,"subject":40,"quizImage":1597,"quizName":1598,"quizType":1585,"noOfQuestions":1599,"noOfSlides":20},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4",5,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1601,"quizId":1602,"country":30,"lowerGrade":72,"upperGrade":72,"quizRank":37,"subject":40,"quizImage":1603,"quizName":1604,"quizType":1585,"noOfQuestions":1605,"noOfSlides":20},"6979ec3c100e21248f1214aa","5a97f24c3773c8001bc3bbb0","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/06e9139f-955b-49a8-ad92-c407a37292ac","fractions",22,{"id":1607,"quizId":1608,"country":30,"lowerGrade":1596,"upperGrade":1596,"quizRank":1609,"subject":41,"quizImage":1610,"quizName":1611,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},"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":1613,"quizId":1614,"country":30,"lowerGrade":34,"upperGrade":34,"quizRank":1615,"subject":41,"quizImage":1616,"quizName":1617,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},"6979ec3d100e21248f1218a3","621ce020fbd544001d3587bf",13,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ae62c88d-a998-40cf-8095-6c87723537fb","Context Clues",{"id":1619,"quizId":1620,"country":30,"lowerGrade":122,"upperGrade":122,"quizRank":1621,"subject":40,"quizImage":1622,"quizName":1591,"quizType":1585,"noOfQuestions":1586,"noOfSlides":20},"6979ec3d100e21248f121773","5c79326a50eeb3001ccf1139",14,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/797422f1-d5fe-49f9-8779-0dcf067e5dae",{"id":1624,"quizId":1625,"country":30,"lowerGrade":34,"upperGrade":34,"quizRank":1586,"subject":41,"quizImage":1626,"quizName":1627,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},"6979ec3d100e21248f121a29","5a9b4b53045147001adcd474","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/2badb4f9-f796-4db2-964c-87a47aca721d","Figurative Language Review",[1629,1630,1631,1632,1633,1634,1635,1636],{"id":1581,"quizId":1582,"country":30,"lowerGrade":72,"upperGrade":72,"quizRank":122,"subject":40,"quizImage":1583,"quizName":1584,"quizType":1585,"noOfQuestions":1586,"noOfSlides":20},{"id":1588,"quizId":1589,"country":30,"lowerGrade":72,"upperGrade":72,"quizRank":34,"subject":40,"quizImage":1590,"quizName":1591,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},{"id":1594,"quizId":1595,"country":30,"lowerGrade":1596,"upperGrade":1596,"quizRank":35,"subject":40,"quizImage":1597,"quizName":1598,"quizType":1585,"noOfQuestions":1599,"noOfSlides":20},{"id":1601,"quizId":1602,"country":30,"lowerGrade":72,"upperGrade":72,"quizRank":37,"subject":40,"quizImage":1603,"quizName":1604,"quizType":1585,"noOfQuestions":1605,"noOfSlides":20},{"id":1607,"quizId":1608,"country":30,"lowerGrade":1596,"upperGrade":1596,"quizRank":1609,"subject":41,"quizImage":1610,"quizName":1611,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},{"id":1613,"quizId":1614,"country":30,"lowerGrade":34,"upperGrade":34,"quizRank":1615,"subject":41,"quizImage":1616,"quizName":1617,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},{"id":1619,"quizId":1620,"country":30,"lowerGrade":122,"upperGrade":122,"quizRank":1621,"subject":40,"quizImage":1622,"quizName":1591,"quizType":1585,"noOfQuestions":1586,"noOfSlides":20},{"id":1624,"quizId":1625,"country":30,"lowerGrade":34,"upperGrade":34,"quizRank":1586,"subject":41,"quizImage":1626,"quizName":1627,"quizType":1585,"noOfQuestions":1592,"noOfSlides":20},[1638,1641,1644,1647,1650,1653,1656,1659,1662,1665],{"path":1639,"display":1640},"/ela/writing/writing-types/analysis/literary-analysis/write-about-literary-elements","Write about literary elements",{"path":1642,"display":1643},"/social-studies/economics/community-economics/community-economics","Community economics",{"path":1645,"display":1646},"/science/science-and-the-arts/digital-science-communication","Digital Science Communication",{"path":1648,"display":1649},"/math/measurement-and-data/data/introduction-to-statistics","Introduction to statistics",{"path":1651,"display":1652},"/social-studies/history/state-and-national-history/native-american-cultures","Native American cultures",{"path":1654,"display":1655},"/math/geometry/basic-geometry/geometric-elements/drawing-and-identifying-geometric-elements","Drawing and identifying geometric elements",{"path":1657,"display":1658},"/social-studies/geography/places-and-regions/places/what-is-a-community","What is a community?",{"path":1660,"display":1661},"/ela/reading/literature/elements-and-analysis/elements-of-poetry/stanza","Stanza",{"path":1663,"display":1664},"/social-studies/geography/environment-and-society/natural-resources/resource-conservation","Resource conservation",{"path":1666,"display":1667},"/health/personal-health/practice-preventive-health-measures","Practice preventive health measures","2026-02-07T05:12:20.62214162Z",{"success":5,"data":1670,"time":1734},{"quizzes":1671,"total":1732,"timeTaken":1733,"experiment":10,"source":11},[1672,1679,1686,1693,1701,1710,1718,1725],{"id":1673,"isSuper":17,"type":23,"info":1674,"shouldIndex":17,"stats":1678},"67b6f3332bcbd0bf7719dde4",{"grade":1675,"name":1676,"slug":1676,"image":1677},[67,67],"Hundreds demonstrate in Shiite holy city to support PM","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/6499ebe1-e771-4cbd-acc5-af342b81e7a4-v2",{"totalQuestions":34},{"id":1680,"isSuper":17,"type":23,"info":1681,"shouldIndex":17,"stats":1685},"67b78581a5adb6b844cf2cf5",{"grade":1682,"name":1683,"slug":1683,"image":1684},[67,67],"Britain's Queen Elizabeth II arrives in Virginia","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/08669f03-a9d4-48fe-97d1-1129cd2f47a3-v2",{"totalQuestions":34},{"id":1687,"isSuper":17,"type":23,"info":1688,"shouldIndex":17,"stats":1692},"67b77e9dd18a564753196f29",{"grade":1689,"name":1690,"slug":1690,"image":1691},[67,67],"Protesters clash with security forces in Karbala","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cb4dc783-a589-443c-9980-ee2222f18b6a-v2",{"totalQuestions":34},{"id":1694,"isSuper":17,"type":23,"info":1695,"shouldIndex":17,"stats":1700},"67b7548be6ff9f1590fdff2b",{"grade":1696,"name":1698,"slug":1698,"image":1699},[1697,67],"10","CLEAN : Indonesian museum removes Nazi themed exhibit after outrage","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b4ef5905-e349-47b0-9a7e-9ac6b1fb7669-v2",{"totalQuestions":34},{"id":1702,"isSuper":17,"type":23,"info":1703,"shouldIndex":17,"stats":1709},"6643d4e05b552c6a72045702",{"grade":1704,"name":1707,"slug":1707,"image":1708},[1705,1706],"6","8","U know me","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1a71bfe9-9758-426e-9c83-b7782a3d136b-v2",{"totalQuestions":34},{"id":1711,"isSuper":17,"type":23,"info":1712,"shouldIndex":17,"stats":1717},"661c01754f6092f0591721d6",{"grade":1713,"name":1715,"slug":1715,"image":1716},[1714,1714],"1","Learning about Octopuses","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ab88e94f-e0db-4126-bb4f-321380546ca6-v2",{"totalQuestions":34},{"id":1719,"isSuper":17,"type":23,"info":1720,"shouldIndex":17,"stats":1724},"67b705a56f6933c7cd797812",{"grade":1721,"name":1722,"slug":1722,"image":1723},[1697,67],"CLEAN : Pakistan converts train coaches into quarantine beds","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ec2402a9-f71b-41fa-9732-bae2f22a31ef-v2",{"totalQuestions":34},{"id":1726,"isSuper":17,"type":23,"info":1727,"shouldIndex":17,"stats":1731},"67b75c9cdab90c1e26f993cc",{"grade":1728,"name":1729,"slug":1729,"image":1730},[1697,67],"CLEAN : Geneva Opening of the 41st Intl Exhibition","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ab00a0b0-d2e1-477c-8b14-65ffc1cfa930-v2",{"totalQuestions":34},118329,30,"2026-02-07T05:12:20.663970899Z",["Reactive",1736],{},["Set"],["ShallowReactive",1739],{"recommendations-67761c7dd787a71f91c9f986-false":21,"recommendations-indexed-67761c7dd787a71f91c9f986-false":21,"quiz-67761c7dd787a71f91c9f986":21,"recommendations-aggregated-67761c7dd787a71f91c9f986":21},"/admin/video-quiz/67761c7dd787a71f91c9f986/basic-document-structure","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:"4b25abca-778e-43b3-9561-731fc59ab89b",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>