Basic Document Structure KG - University Video

Basic Document Structure

Interactive Video

•

Information Technology (IT), Architecture, Other

•

KG - University

•

Hard

Quizizz 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 class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" 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"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is the purpose of the viewport meta tag?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium 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 class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" 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"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is the traditional first program written in a new programming language?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Goodbye World</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Hello Universe</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Hello World</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Welcome Home</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" 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"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Which tag is used to create a heading in HTML?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><h1></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><div></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><span></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" 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"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded 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"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is the purpose of the 'Go Live' button in Visual Studio Code?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To save the current document</p></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><div class="w-full h-155 content-blocker" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="bg-ds-light-500 rounded-admin-lg shadow-md w-120 h-auto" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="flex p-10 justify-start items-stretch w-full flex-col flex-nowrap"><section><h1 class="text-lg md:text-xl text-dark-2 font-semibold text-center" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h1><p class="text-sm md:text-base text-dark-4"><span></span></p><div class="flex justify-between mt-2"><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Create resources</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Host any resource</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Get auto-graded reports</span></div></div></section><section class="flex flex-col space-y-3 mt-4 w-full"><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Google"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Google-logo"><span class="text-base font-semibold btn-label">Continue with Google</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Email"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Email-logo"><span class="text-base font-semibold btn-label">Continue with Email</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Classlink"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Classlink-logo"><span class="text-base font-semibold btn-label">Continue with Classlink</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Clever"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/clever-logo.png" alt="Clever" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Clever-logo"><span class="text-base font-semibold btn-label">Continue with Clever</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button></section><span class="mt-4 text-dark-4 text-sm flex justify-center">or continue with</span><section class="flex flex-row justify-center mt-4 gap-4"><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:inherit;" data-testid="continue-with-Microsoft"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/img/logos/ms-logo.png"></button><span class="text-dark-2 text-[10px] mt-1">Microsoft</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#222;" data-testid="continue-with-Apple"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/Apple.png"></button><span class="text-dark-2 text-[10px] mt-1">Apple</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#8854C0;" data-testid="continue-with-Others"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/shield-halved.png"></button><span class="text-dark-2 text-[10px] mt-1">Others</span></div></section></div><section class="mt-auto w-full"><section class="justify-center text-xs text-center text-dark-5 md:flex px-10 mb-4"><span>By signing up, you agree to our <a href='/tos' style='text-decoration: underline;'>Terms of Service</a> & <a href='/privacy' style='text-decoration: underline;'>Privacy Policy</a></span></section><section role="nudge" class="text-dark-2 py-4 flex items-center justify-center space-x-1 text-xs rounded-b-lg bg-light-6"><span class="xs-hidden">Already have an account?</span><button class="bg-lilac-faded rounded px-3 py-1 text-ds-lilac-600 text-xs font-semibold ml-2" type="button" data-testid="login-button-in-signup">Log in</button></section></section></div></div></div></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-transparent border h-8 group min-w-20 rounded 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 w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-v-fde55780><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-ds-dark-200 none underline-offset-4 select-none text-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-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-header-base font-semibold">Similar Resources on Quizizz</h2><button aria-label="View all" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-8 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/video-quiz/67ae2645795594e49d674dee/modern-html-and-css-from-the-beginning-including-sass-getting-setup-with-visual-studio-code" data-testid="activity-recommendation-card-67ae2645795594e49d674dee" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern HTML and CSS from the Beginning (Including Sass) - Getting Setup With Visual Studio Code" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.64vpc0a7083" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Modern HTML and CSS from the Beginning (Including Sass) - Getting Setup With Visual Studio Code</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67750cefc489ec1bb18e528c/the-front-end-web-developer-bootcamp-html-css-js-and-react-html5-editors" data-testid="activity-recommendation-card-67750cefc489ec1bb18e528c" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - HTML5 Editors" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.lehroho66gi" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - HTML5 Editors</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6776a28e513cd8540468b235/create-your-first-web-page-with-html" data-testid="activity-recommendation-card-6776a28e513cd8540468b235" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Create Your First Web Page with HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.r42582hosw" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Create Your First Web Page with HTML</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>KG - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b787394a7ac2856b32febf/basic-document-structure" data-testid="activity-recommendation-card-67b787394a7ac2856b32febf" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Basic Document Structure" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.to6n3q14k5h" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Basic Document Structure</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>KG - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67ae50f9c88da6e7afa99859/html-creating-your-first-html-document" data-testid="activity-recommendation-card-67ae50f9c88da6e7afa99859" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML: Creating Your First HTML Document" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.1mrzjbjrj6e" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML: Creating Your First HTML Document</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>KG - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b2107024c9e8e495296888/full-stack-web-development-mastery-course-novice-to-expert-basic-structure-of-a-website" data-testid="activity-recommendation-card-67b2107024c9e8e495296888" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.2odvnbajy8t" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67ae3d24b594b4fbe6a47aba/full-stack-web-development-mastery-course-novice-to-expert-basic-structure-of-a-website" data-testid="activity-recommendation-card-67ae3d24b594b4fbe6a47aba" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.okw9tjpjk9" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67761c7dab901769bd761f80/html-tutorial-for-beginners-learn-html-in-17-minutes" data-testid="activity-recommendation-card-67761c7dab901769bd761f80" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Tutorial for Beginners: Learn HTML in 17 Minutes" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.8dc5ktz6aq" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML Tutorial for Beginners: Learn HTML in 17 Minutes</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>KG - University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-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-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-header-base font-semibold">Popular Resources on Quizizz</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/5fd24190446546001b8943eb/character-analysis" data-testid="activity-popular-resource-card-5fd24190446546001b8943eb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Character Analysis" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-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-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.3bxpteweeoa" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Character Analysis</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/663130398706efb7b94eb2bb/chapter-12-doing-the-right-thing" data-testid="activity-popular-resource-card-663130398706efb7b94eb2bb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 12 - Doing the Right Thing" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 17 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.paiwnyh4pb" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Chapter 12 - Doing the Right Thing</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5ec40dbb5a8f86001b6020fc/american-flag" data-testid="activity-popular-resource-card-5ec40dbb5a8f86001b6020fc" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="American Flag" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.6zdc5hivyzb" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">American Flag</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>1st - 2nd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5e94b04b49e5d9001b0b0729/reading-comprehension" data-testid="activity-popular-resource-card-5e94b04b49e5d9001b0b0729" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Reading Comprehension" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-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-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.p6hf9skf4ib" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Reading Comprehension</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6470c4b3c1c426001fee1cba/linear-inequalities" data-testid="activity-popular-resource-card-6470c4b3c1c426001fee1cba" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Linear Inequalities" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 30 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.g3kxku68i28" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Linear Inequalities</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a95acd414c10f001bdc5bc1/types-of-credit" data-testid="activity-popular-resource-card-5a95acd414c10f001bdc5bc1" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Types of Credit" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-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-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.po13kppd118" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Types of Credit</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6846ffd78770c495bf9afa79/full-steam-ahead-summer-academy-pre-test-24-25" data-testid="activity-popular-resource-card-6846ffd78770c495bf9afa79" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.7bt8lyjhjk4" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/56b0d2db0e6f4514362d45e9/misplaced-and-dangling-modifiers" data-testid="activity-popular-resource-card-56b0d2db0e6f4514362d45e9" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Misplaced and Dangling Modifiers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 14 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.0diw2i9tzj37" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Misplaced and Dangling Modifiers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th - 8th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-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-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-success-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-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" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/5fd24190446546001b8943eb/character-analysis" data-testid="activity-subject-resource-card-5fd24190446546001b8943eb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Character Analysis" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-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-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.z5qwqloozi" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Character Analysis</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/663130398706efb7b94eb2bb/chapter-12-doing-the-right-thing" data-testid="activity-subject-resource-card-663130398706efb7b94eb2bb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 12 - Doing the Right Thing" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 17 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.0q4sliku67lm" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Chapter 12 - Doing the Right Thing</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5ec40dbb5a8f86001b6020fc/american-flag" data-testid="activity-subject-resource-card-5ec40dbb5a8f86001b6020fc" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="American Flag" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.z1kz3gc086" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">American Flag</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>1st - 2nd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5e94b04b49e5d9001b0b0729/reading-comprehension" data-testid="activity-subject-resource-card-5e94b04b49e5d9001b0b0729" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Reading Comprehension" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-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-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.i6nofgvkc4" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Reading Comprehension</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a95acd414c10f001bdc5bc1/types-of-credit" data-testid="activity-subject-resource-card-5a95acd414c10f001bdc5bc1" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Types of Credit" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-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-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.5nyu0a6jq5f" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Types of Credit</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6470c4b3c1c426001fee1cba/linear-inequalities" data-testid="activity-subject-resource-card-6470c4b3c1c426001fee1cba" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Linear Inequalities" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 30 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ni0pnu475ig" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Linear Inequalities</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6846ffd78770c495bf9afa79/full-steam-ahead-summer-academy-pre-test-24-25" data-testid="activity-subject-resource-card-6846ffd78770c495bf9afa79" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ozg473v307g" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/56b0d2db0e6f4514362d45e9/misplaced-and-dangling-modifiers" data-testid="activity-subject-resource-card-56b0d2db0e6f4514362d45e9" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Misplaced and Dangling Modifiers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 14 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ffy4qp16xb" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Misplaced and Dangling Modifiers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th - 8th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-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" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><div class="flex-shrink-0"><a href="/library/science/earth-and-space-science/oceanography/marine-biogeochemistry/nutrient-cycling" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Nutrient cycling</span><div class="sr-only"><input type="checkbox" aria-labelledby="Nutrient cycling-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/geometry/solid-geometry/3d-geometric-models/shapes/reasoning-with-three-dimensional-shapes-and-their-attributes" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Reasoning with three-dimensional shapes and their attributes</span><div class="sr-only"><input type="checkbox" aria-labelledby="Reasoning with three-dimensional shapes and their attributes-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/life-science/adaptations-and-natural-selection" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Adaptations and natural selection</span><div class="sr-only"><input type="checkbox" aria-labelledby="Adaptations and natural selection-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/writing/writing-process/editing/grammar-and-mechanics/refine-language-for-audience" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Refine language for audience</span><div class="sr-only"><input type="checkbox" aria-labelledby="Refine language for audience-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/physical-science/forces-and-motion/newtons-laws/collisions-and-car-safety-features" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Collisions and car safety features</span><div class="sr-only"><input type="checkbox" aria-labelledby="Collisions and car safety features-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/probability/basic-probability-concepts/understanding-and-applying-conditional-probability/using-a-two-way-table-as-a-sample-space" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Using a two-way table as a sample space</span><div class="sr-only"><input type="checkbox" aria-labelledby="Using a two-way table as a sample space-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/algebra/algebraic-expressions/manipulating-expressions/simplifying-expressions" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Simplifying expressions</span><div class="sr-only"><input type="checkbox" aria-labelledby="Simplifying expressions-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/scientific-methods-and-applications/research-ethics-and-integrity/ethical-dimensions-of-science/global-research-ethics" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Global research ethics</span><div class="sr-only"><input type="checkbox" aria-labelledby="Global research ethics-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/functions/specific-functions/advanced-functions/graphing-complex-functions/graphing-symbolic-functions-key-features/graphing-rational-functions-with-zeros-asymptotes" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Graphing Rational Functions with Zeros & Asymptotes</span><div class="sr-only"><input type="checkbox" aria-labelledby="Graphing Rational Functions with Zeros & Asymptotes-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/speaking-and-listening/collaboration/digital-collaboration" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer 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"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Digital Collaboration</span><div class="sr-only"><input type="checkbox" aria-labelledby="Digital Collaboration-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-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-f11658dd><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-f11658dd><div class="flex flex-col justify-between w-full" data-v-f11658dd><div class="flex flex-col md:flex-row" data-v-f11658dd><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-f11658dd></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-f11658dd><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-f11658dd><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-f11658dd><p class="text-sm font-semibold copyright text-dark-4" data-v-f11658dd> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-f11658dd><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-f11658dd><i class="social-icon fab fa-twitter" data-v-f11658dd></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-f11658dd><i class="social-icon fab fa-facebook" data-v-f11658dd></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-f11658dd><i class="social-icon fab fa-instagram" data-v-f11658dd></i></a><span class="block w-px h-5 bg-dark-5" data-v-f11658dd></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-f11658dd><span class="text-sm text-dark-3 hover:underline" data-v-f11658dd><span data-v-f11658dd>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-f11658dd><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-f11658dd><span data-v-f11658dd>Get our app</span></label><div class="flex space-x-2" data-v-f11658dd><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-f11658dd><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-f11658dd></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-f11658dd><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-f11658dd></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":1779,"once":1781,"_errors":1782,"serverRendered":5,"path":1784,"country":91,"region":1785,"nuxtSsrFeatureFlags":1786},["ShallowReactive",3],{"AuYvPBjoZ8":4,"f9ltIr8d5c":75,"OyWreMToOu":1622,"IwPdOjHK64":1718},{"success":5,"data":6,"time":74},true,{"quizzes":7,"total":70,"timeTaken":71,"experiment":72,"source":73},[8,19,27,35,43,50,57,63],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67ae2645795594e49d674dee",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","Modern HTML and CSS from the Beginning (Including Sass) - Getting Setup With Visual Studio Code","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/855f96ff-9c0f-4794-ad9b-5d5f7de6c619-v2",{"totalQuestions":18},8,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67750cefc489ec1bb18e528c",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - HTML5 Editors","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d611448a-bf24-4e9e-bf0f-63e0b86b9494-v2",{"totalQuestions":26},6,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":34},"6776a28e513cd8540468b235",{"grade":30,"name":32,"slug":32,"image":33},[31,14],"0","Create Your First Web Page with HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/28df9ac1-fdc3-46ca-9015-c67668f4e440-v2",{"totalQuestions":18},{"id":36,"isSuper":10,"type":11,"info":37,"shouldIndex":10,"stats":41},"67b787394a7ac2856b32febf",{"grade":38,"name":39,"slug":39,"image":40},[31,14],"Basic Document Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3f41a887-541a-46d1-94d4-9d32af7002cc-v2",{"totalQuestions":42},11,{"id":44,"isSuper":10,"type":11,"info":45,"shouldIndex":10,"stats":49},"67ae50f9c88da6e7afa99859",{"grade":46,"name":47,"slug":47,"image":48},[31,14],"HTML: Creating Your First HTML Document","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/9cf77f2a-bb1d-489e-9a84-254ff62c6f44-v2",{"totalQuestions":18},{"id":51,"isSuper":10,"type":11,"info":52,"shouldIndex":10,"stats":56},"67b2107024c9e8e495296888",{"grade":53,"name":54,"slug":54,"image":55},[14,14],"Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e554321b-5e16-4c9d-bf40-1a4623feecf1-v2",{"totalQuestions":42},{"id":58,"isSuper":10,"type":11,"info":59,"shouldIndex":10,"stats":62},"67ae3d24b594b4fbe6a47aba",{"grade":60,"name":54,"slug":54,"image":61},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a2e19269-0f69-4bd7-be5c-4c1b6898d334-v2",{"totalQuestions":42},{"id":64,"isSuper":10,"type":11,"info":65,"shouldIndex":10,"stats":69},"67761c7dab901769bd761f80",{"grade":66,"name":67,"slug":67,"image":68},[31,14],"HTML Tutorial for Beginners: Learn HTML in 17 Minutes","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/729d9318-3da6-413c-9fbb-946a4a65eddf-v2",{"totalQuestions":42},683931,53,"quizPageRecoPublicSearch","recommended_search","2025-06-24T09:06:48.966954063Z",{"success":5,"message":76,"data":77,"time":1618,"meta":1619},"Ok",{"quiz":78,"draft":82},{"isTagged":10,"isLoved":10,"tagIds":79,"stats":80,"love":81,"cloned":10,"parentDetail":82,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":82,"publishedVersion":83,"isShared":10,"type":11,"_id":84,"createdBy":85,"info":103,"paidOrganization":1614,"createdAt":1615,"updated":1616,"premiumUse":1617,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":82,"lock":82},[],{"played":81,"totalPlayers":81,"totalCorrect":81,"totalQuestions":81},0,null,"6799dc71c96547db94653d42","67761c7dd787a71f91c9f986",{"_id":86,"firstName":87,"lastName":88,"email":89,"occupation":90,"country":91,"preferences":92,"grades":94,"subject_tags":98,"media":102},"65cf12f6e8a17f8c0da51a59","Quizizz","Content","contentcatalog@quizizz.com","teacher","US",{"lang":93},"en",[26,95,18,96,97],7,9,10,[99,100,101],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/145bbecb-5aa3-4a13-9f05-393125fb3d1f-v2",{"lang":93,"aiGenerated":10,"qm":104,"visibility":5,"subjects":118,"topics":122,"subtopics":123,"grade":124,"gradeLevel":82,"deleted":10,"pref":125,"traits":126,"standardIds":128,"__v":129,"meta":130,"_id":83,"name":39,"image":131,"questions":132,"questionDrafts":621,"standards":82,"courses":82,"interactiveVideoProps":622,"createdAt":1612,"updated":1613,"isProfane":10,"whitelisted":5,"slug":39},{"67761c890d349940643b23e1":105,"67761c890d349940643b23e2":107,"67761c890d349940643b23e3":109,"67761c890d349940643b23e4":110,"67761c890d349940643b23e5":111,"67761c890d349940643b23e6":112,"67761c890d349940643b23e7":113,"67761c890d349940643b23e8":114,"67761c890d349940643b23e9":115,"67761c890d349940643b23ea":116,"67761c890d349940643b23eb":117},{"time":106},900000,{"time":108},30000,{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},[119,120,121],"Information Technology (IT)","Architecture","Other",[],[],[31,14],{"time":82},{"isQuizWithoutCorrectAnswer":10,"totalSlides":81,"totalComprehensionQuestions":127,"nonAnswerableQuestions":127},1,[],3,{"slot":82,"experiment":82},"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cded312f-a27c-4bad-8349-1146140c0165-v2",[133,192,239,281,324,367,410,452,494,537,579],{"structure":134,"standards":174,"topics":175,"isSuperParent":10,"standardIds":176,"aiGenerated":10,"__v":177,"teleportFrom":82,"cloned":82,"ver":129,"parent":82,"_id":178,"time":106,"published":5,"aiCreateMeta":82,"type":135,"comprehensionQuestionIds":179,"createdAt":190,"updated":191},{"kind":135,"answer":136,"settings":137,"marks":139,"query":140,"options":155,"explain":156,"theme":160,"graphs":169,"hints":170,"order":171,"hasMath":10,"media":172,"elements":173},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":81,"incorrect":81},{"answerTime":141,"math":142,"type":82,"hasMath":10,"media":144,"text":153,"_id":154},-1,{"latex":143,"template":82},[],[145],{"type":146,"meta":147},"video",{"duration":148,"endTime":148,"startTime":81,"videoId":149,"src":150,"thumbnail":151,"filmstrip":152},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":157,"type":153,"hasMath":10,"media":159,"text":153},{"latex":158,"template":82},[],[],{"titleFontFamily":161,"fontFamily":161,"fontColor":162,"background":164,"shape":166},"Quicksand",{"text":163},"#5D2057",{"color":165,"image":153,"video":153},"#FFFFFF",{"largeShapeColor":167,"smallShapeColor":168},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],4,"67761c890d349940643b23e1",[180,181,182,183,184,185,186,187,188,189],"67761c890d349940643b23e2","67761c890d349940643b23e3","67761c890d349940643b23e4","67761c890d349940643b23e5","67761c890d349940643b23e6","67761c890d349940643b23e7","67761c890d349940643b23e8","67761c890d349940643b23e9","67761c890d349940643b23ea","67761c890d349940643b23eb","2025-01-02T04:56:41.838Z","2025-01-29T07:44:49.785Z",{"structure":193,"standards":234,"topics":235,"isSuperParent":10,"standardIds":236,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":180,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":237,"createdAt":238,"updated":191},{"settings":194,"hasMath":10,"query":195,"options":201,"explain":226,"hints":230,"kind":231,"marks":232,"answer":233},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":197,"answerTime":141,"text":199,"media":200},"text",{"latex":198,"template":82},[],"\u003Cp>What is the first tool you need to start coding in HTML?\u003C/p>",[],[202,208,214,220],{"type":196,"hasMath":10,"math":203,"answerTime":81,"id":205,"text":206,"media":207,"_id":205},{"latex":204,"template":82},[],"67761c890fa25f3a0bb80c22","\u003Cp>A graphics editor\u003C/p>",[],{"type":196,"hasMath":10,"math":209,"answerTime":81,"id":211,"text":212,"media":213,"_id":211},{"latex":210,"template":82},[],"67761c890fa25f007cb80c23","\u003Cp>A database management system\u003C/p>",[],{"type":196,"hasMath":10,"math":215,"answerTime":81,"id":217,"text":218,"media":219,"_id":217},{"latex":216,"template":82},[],"67761c890fa25f50fbb80c24","\u003Cp>A web browser\u003C/p>",[],{"type":196,"hasMath":10,"math":221,"answerTime":81,"id":223,"text":224,"media":225,"_id":223},{"latex":222,"template":82},[],"67761c890fa25f1712b80c25","\u003Cp>A spreadsheet application\u003C/p>",[],{"type":196,"text":153,"media":227,"hasMath":10,"math":228,"answerTime":81},[],{"template":82,"latex":229},[],[],"MCQ",{"correct":127,"incorrect":81},2,[],[],[],64,"2025-01-02T04:56:41.854Z",{"structure":240,"standards":278,"topics":279,"isSuperParent":10,"standardIds":280,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":181,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":237,"createdAt":238,"updated":191},{"settings":241,"hasMath":10,"query":242,"options":247,"explain":272,"hints":276,"kind":231,"marks":277,"answer":233},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":243,"answerTime":141,"text":245,"media":246},{"latex":244,"template":82},[],"\u003Cp>Which text editor is recommended for HTML coding in this course?\u003C/p>",[],[248,254,260,266],{"type":196,"hasMath":10,"math":249,"answerTime":81,"id":251,"text":252,"media":253,"_id":251},{"latex":250,"template":82},[],"67761c890fa25ffa22b80c29","\u003Cp>Sublime Text\u003C/p>",[],{"type":196,"hasMath":10,"math":255,"answerTime":81,"id":257,"text":258,"media":259,"_id":257},{"latex":256,"template":82},[],"67761c890fa25f0abfb80c2a","\u003Cp>Atom\u003C/p>",[],{"type":196,"hasMath":10,"math":261,"answerTime":81,"id":263,"text":264,"media":265,"_id":263},{"latex":262,"template":82},[],"67761c890fa25fab12b80c2b","\u003Cp>Visual Studio Code\u003C/p>",[],{"type":196,"hasMath":10,"math":267,"answerTime":81,"id":269,"text":270,"media":271,"_id":269},{"latex":268,"template":82},[],"67761c890fa25fd562b80c2c","\u003Cp>Notepad\u003C/p>",[],{"type":196,"text":153,"media":273,"hasMath":10,"math":274,"answerTime":81},[],{"template":82,"latex":275},[],[],{"correct":127,"incorrect":81},[],[],[],{"structure":282,"standards":320,"topics":321,"isSuperParent":10,"standardIds":322,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":182,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":323,"createdAt":238,"updated":191},{"settings":283,"hasMath":10,"query":284,"options":289,"explain":314,"hints":318,"kind":231,"marks":319,"answer":127},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":285,"answerTime":141,"text":287,"media":288},{"latex":286,"template":82},[],"\u003Cp>What is the purpose of the Live Server extension in Visual Studio Code?\u003C/p>",[],[290,296,302,308],{"type":196,"hasMath":10,"math":291,"answerTime":81,"id":293,"text":294,"media":295,"_id":293},{"latex":292,"template":82},[],"67761c890fa25f345ab80c30","\u003Cp>To compile code\u003C/p>",[],{"type":196,"hasMath":10,"math":297,"answerTime":81,"id":299,"text":300,"media":301,"_id":299},{"latex":298,"template":82},[],"67761c890fa25f8099b80c31","\u003Cp>To load code into the browser easily\u003C/p>",[],{"type":196,"hasMath":10,"math":303,"answerTime":81,"id":305,"text":306,"media":307,"_id":305},{"latex":304,"template":82},[],"67761c890fa25f303eb80c32","\u003Cp>To manage databases\u003C/p>",[],{"type":196,"hasMath":10,"math":309,"answerTime":81,"id":311,"text":312,"media":313,"_id":311},{"latex":310,"template":82},[],"67761c890fa25f1587b80c33","\u003Cp>To edit images\u003C/p>",[],{"type":196,"text":153,"media":315,"hasMath":10,"math":316,"answerTime":81},[],{"template":82,"latex":317},[],[],{"correct":127,"incorrect":81},[],[],[],193,{"structure":325,"standards":363,"topics":364,"isSuperParent":10,"standardIds":365,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":183,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":366,"createdAt":238,"updated":191},{"settings":326,"hasMath":10,"query":327,"options":332,"explain":357,"hints":361,"kind":231,"marks":362,"answer":127},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":328,"answerTime":141,"text":330,"media":331},{"latex":329,"template":82},[],"\u003Cp>What is the first step in creating a new HTML file in Visual Studio Code?\u003C/p>",[],[333,339,345,351],{"type":196,"hasMath":10,"math":334,"answerTime":81,"id":336,"text":337,"media":338,"_id":336},{"latex":335,"template":82},[],"67761c890fa25fac1db80c37","\u003Cp>Create a new folder\u003C/p>",[],{"type":196,"hasMath":10,"math":340,"answerTime":81,"id":342,"text":343,"media":344,"_id":342},{"latex":341,"template":82},[],"67761c890fa25f40fcb80c38","\u003Cp>Right-click and select 'New File'\u003C/p>",[],{"type":196,"hasMath":10,"math":346,"answerTime":81,"id":348,"text":349,"media":350,"_id":348},{"latex":347,"template":82},[],"67761c890fa25fbeecb80c39","\u003Cp>Install a new extension\u003C/p>",[],{"type":196,"hasMath":10,"math":352,"answerTime":81,"id":354,"text":355,"media":356,"_id":354},{"latex":353,"template":82},[],"67761c890fa25f2b4ab80c3a","\u003Cp>Open a new tab\u003C/p>",[],{"type":196,"text":153,"media":358,"hasMath":10,"math":359,"answerTime":81},[],{"template":82,"latex":360},[],[],{"correct":127,"incorrect":81},[],[],[],300,{"structure":368,"standards":406,"topics":407,"isSuperParent":10,"standardIds":408,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":184,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":409,"createdAt":238,"updated":191},{"settings":369,"hasMath":10,"query":370,"options":375,"explain":400,"hints":404,"kind":231,"marks":405,"answer":81},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":371,"answerTime":141,"text":373,"media":374},{"latex":372,"template":82},[],"\u003Cp>What does the document type declaration in HTML signify?\u003C/p>",[],[376,382,388,394],{"type":196,"hasMath":10,"math":377,"answerTime":81,"id":379,"text":380,"media":381,"_id":379},{"latex":378,"template":82},[],"67761c890fa25f95eab80c3e","\u003Cp>The version of HTML being used\u003C/p>",[],{"type":196,"hasMath":10,"math":383,"answerTime":81,"id":385,"text":386,"media":387,"_id":385},{"latex":384,"template":82},[],"67761c890fa25f2c85b80c3f","\u003Cp>The language of the document\u003C/p>",[],{"type":196,"hasMath":10,"math":389,"answerTime":81,"id":391,"text":392,"media":393,"_id":391},{"latex":390,"template":82},[],"67761c890fa25f6c1db80c40","\u003Cp>The author of the document\u003C/p>",[],{"type":196,"hasMath":10,"math":395,"answerTime":81,"id":397,"text":398,"media":399,"_id":397},{"latex":396,"template":82},[],"67761c890fa25f8f59b80c41","\u003Cp>The encoding type\u003C/p>",[],{"type":196,"text":153,"media":401,"hasMath":10,"math":402,"answerTime":81},[],{"template":82,"latex":403},[],[],{"correct":127,"incorrect":81},[],[],[],601,{"structure":411,"standards":449,"topics":450,"isSuperParent":10,"standardIds":451,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":185,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":409,"createdAt":238,"updated":191},{"settings":412,"hasMath":10,"query":413,"options":418,"explain":443,"hints":447,"kind":231,"marks":448,"answer":129},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":414,"answerTime":141,"text":416,"media":417},{"latex":415,"template":82},[],"\u003Cp>Which tag is used to define the title of an HTML document?\u003C/p>",[],[419,425,431,437],{"type":196,"hasMath":10,"math":420,"answerTime":81,"id":422,"text":423,"media":424,"_id":422},{"latex":421,"template":82},[],"67761c890fa25f78f1b80c45","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":196,"hasMath":10,"math":426,"answerTime":81,"id":428,"text":429,"media":430,"_id":428},{"latex":427,"template":82},[],"67761c890fa25f0f74b80c46","\u003Cp>\u003Chead>\u003C/p>",[],{"type":196,"hasMath":10,"math":432,"answerTime":81,"id":434,"text":435,"media":436,"_id":434},{"latex":433,"template":82},[],"67761c890fa25f6a44b80c47","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":196,"hasMath":10,"math":438,"answerTime":81,"id":440,"text":441,"media":442,"_id":440},{"latex":439,"template":82},[],"67761c890fa25fd1bcb80c48","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":196,"text":153,"media":444,"hasMath":10,"math":445,"answerTime":81},[],{"template":82,"latex":446},[],[],{"correct":127,"incorrect":81},[],[],[],{"structure":453,"standards":491,"topics":492,"isSuperParent":10,"standardIds":493,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":186,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":409,"createdAt":238,"updated":191},{"settings":454,"hasMath":10,"query":455,"options":460,"explain":485,"hints":489,"kind":231,"marks":490,"answer":129},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":456,"answerTime":141,"text":458,"media":459},{"latex":457,"template":82},[],"\u003Cp>What is the purpose of the viewport meta tag?\u003C/p>",[],[461,467,473,479],{"type":196,"hasMath":10,"math":462,"answerTime":81,"id":464,"text":465,"media":466,"_id":464},{"latex":463,"template":82},[],"67761c890fa25fcf9ab80c4c","\u003Cp>To specify the document's author\u003C/p>",[],{"type":196,"hasMath":10,"math":468,"answerTime":81,"id":470,"text":471,"media":472,"_id":470},{"latex":469,"template":82},[],"67761c890fa25f3c53b80c4d","\u003Cp>To set the language of the document\u003C/p>",[],{"type":196,"hasMath":10,"math":474,"answerTime":81,"id":476,"text":477,"media":478,"_id":476},{"latex":475,"template":82},[],"67761c890fa25f7303b80c4e","\u003Cp>To define the character set\u003C/p>",[],{"type":196,"hasMath":10,"math":480,"answerTime":81,"id":482,"text":483,"media":484,"_id":482},{"latex":481,"template":82},[],"67761c890fa25f368eb80c4f","\u003Cp>To control the page's dimensions and scaling\u003C/p>",[],{"type":196,"text":153,"media":486,"hasMath":10,"math":487,"answerTime":81},[],{"template":82,"latex":488},[],[],{"correct":127,"incorrect":81},[],[],[],{"structure":495,"standards":533,"topics":534,"isSuperParent":10,"standardIds":535,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":187,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":536,"createdAt":238,"updated":191},{"settings":496,"hasMath":10,"query":497,"options":502,"explain":527,"hints":531,"kind":231,"marks":532,"answer":233},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":498,"answerTime":141,"text":500,"media":501},{"latex":499,"template":82},[],"\u003Cp>What is the traditional first program written in a new programming language?\u003C/p>",[],[503,509,515,521],{"type":196,"hasMath":10,"math":504,"answerTime":81,"id":506,"text":507,"media":508,"_id":506},{"latex":505,"template":82},[],"67761c890fa25f1440b80c53","\u003Cp>Goodbye World\u003C/p>",[],{"type":196,"hasMath":10,"math":510,"answerTime":81,"id":512,"text":513,"media":514,"_id":512},{"latex":511,"template":82},[],"67761c890fa25ff0cfb80c54","\u003Cp>Hello Universe\u003C/p>",[],{"type":196,"hasMath":10,"math":516,"answerTime":81,"id":518,"text":519,"media":520,"_id":518},{"latex":517,"template":82},[],"67761c890fa25fa887b80c55","\u003Cp>Hello World\u003C/p>",[],{"type":196,"hasMath":10,"math":522,"answerTime":81,"id":524,"text":525,"media":526,"_id":524},{"latex":523,"template":82},[],"67761c890fa25f84eeb80c56","\u003Cp>Welcome Home\u003C/p>",[],{"type":196,"text":153,"media":528,"hasMath":10,"math":529,"answerTime":81},[],{"template":82,"latex":530},[],[],{"correct":127,"incorrect":81},[],[],[],786,{"structure":538,"standards":576,"topics":577,"isSuperParent":10,"standardIds":578,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":188,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":536,"createdAt":238,"updated":191},{"settings":539,"hasMath":10,"query":540,"options":545,"explain":570,"hints":574,"kind":231,"marks":575,"answer":127},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":541,"answerTime":141,"text":543,"media":544},{"latex":542,"template":82},[],"\u003Cp>Which tag is used to create a heading in HTML?\u003C/p>",[],[546,552,558,564],{"type":196,"hasMath":10,"math":547,"answerTime":81,"id":549,"text":550,"media":551,"_id":549},{"latex":548,"template":82},[],"67761c890fa25f17e9b80c5a","\u003Cp>\u003C/p>",[],{"type":196,"hasMath":10,"math":553,"answerTime":81,"id":555,"text":556,"media":557,"_id":555},{"latex":554,"template":82},[],"67761c890fa25fb2c4b80c5b","\u003Cp>\u003Ch1>\u003C/p>",[],{"type":196,"hasMath":10,"math":559,"answerTime":81,"id":561,"text":562,"media":563,"_id":561},{"latex":560,"template":82},[],"67761c890fa25f022bb80c5c","\u003Cp>\u003Cdiv>\u003C/p>",[],{"type":196,"hasMath":10,"math":565,"answerTime":81,"id":567,"text":568,"media":569,"_id":567},{"latex":566,"template":82},[],"67761c890fa25faf4db80c5d","\u003Cp>\u003Cspan>\u003C/p>",[],{"type":196,"text":153,"media":571,"hasMath":10,"math":572,"answerTime":81},[],{"template":82,"latex":573},[],[],{"correct":127,"incorrect":81},[],[],[],{"structure":580,"standards":618,"topics":619,"isSuperParent":10,"standardIds":620,"aiGenerated":5,"__v":129,"teleportFrom":82,"cloned":82,"ver":233,"parent":82,"_id":189,"time":108,"published":5,"aiCreateMeta":82,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":536,"createdAt":238,"updated":191},{"settings":581,"hasMath":10,"query":582,"options":587,"explain":612,"hints":616,"kind":231,"marks":617,"answer":127},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":583,"answerTime":141,"text":585,"media":586},{"latex":584,"template":82},[],"\u003Cp>What is the purpose of the 'Go Live' button in Visual Studio Code?\u003C/p>",[],[588,594,600,606],{"type":196,"hasMath":10,"math":589,"answerTime":81,"id":591,"text":592,"media":593,"_id":591},{"latex":590,"template":82},[],"67761c890fa25f082ab80c61","\u003Cp>To open a live coding session\u003C/p>",[],{"type":196,"hasMath":10,"math":595,"answerTime":81,"id":597,"text":598,"media":599,"_id":597},{"latex":596,"template":82},[],"67761c890fa25ff085b80c62","\u003Cp>To launch a web browser with the current HTML page\u003C/p>",[],{"type":196,"hasMath":10,"math":601,"answerTime":81,"id":603,"text":604,"media":605,"_id":603},{"latex":602,"template":82},[],"67761c890fa25f0e1bb80c63","\u003Cp>To start a live chat\u003C/p>",[],{"type":196,"hasMath":10,"math":607,"answerTime":81,"id":609,"text":610,"media":611,"_id":609},{"latex":608,"template":82},[],"67761c890fa25f04f1b80c64","\u003Cp>To save the current document\u003C/p>",[],{"type":196,"text":153,"media":613,"hasMath":10,"math":614,"answerTime":81},[],{"template":82,"latex":615},[],[],{"correct":127,"incorrect":81},[],[],[],[],{"videoMeta":623,"aiMeta":1528},{"videoProvider":150,"videoId":149,"videoTitle":39,"duration":148,"channelTitle":624,"videoType":625,"videoSubTypes":626,"transcript":628},"SkillSprints","INSTRUCTIONAL",[627],"CHALK_AND_TALK_PRESENTATION",[629,633,637,641,645,649,653,657,661,665,669,673,677,681,685,689,693,697,701,704,708,712,716,720,724,728,732,736,740,744,748,752,755,759,763,767,771,775,779,783,787,791,795,798,802,806,810,814,818,822,826,830,834,838,842,846,850,854,858,862,866,870,874,878,882,886,890,893,897,901,905,909,912,916,920,924,927,931,935,939,943,947,951,955,959,963,967,971,975,979,983,987,991,995,999,1003,1007,1011,1015,1019,1023,1027,1030,1034,1038,1042,1046,1050,1054,1058,1062,1066,1069,1073,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1135,1139,1143,1147,1151,1155,1158,1162,1166,1170,1174,1178,1182,1186,1190,1194,1198,1202,1206,1209,1213,1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285,1289,1293,1297,1301,1305,1309,1313,1317,1321,1325,1329,1333,1337,1341,1345,1348,1352,1356,1359,1363,1367,1371,1375,1379,1383,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1453,1457,1460,1464,1468,1472,1476,1480,1484,1488,1492,1496,1500,1504,1508,1512,1516,1520,1524],{"text":630,"duration":631,"offset":632},"of HTML.",483,3446,{"text":634,"duration":635,"offset":636},"Hello and welcome to HTML5 foundations. My name is Mark",3630,11650,{"text":638,"duration":639,"offset":640},"and I'm the instructor for this course. I really think",3565,15346,{"text":642,"duration":643,"offset":644},"you're going to enjoy learning HTML5 because it's foundational to",4290,18977,{"text":646,"duration":647,"offset":648},"every website that you've ever visited. For any website that",3961,23333,{"text":650,"duration":651,"offset":652},"you visit, you can actually see the HTML5 code in",3235,27360,{"text":654,"duration":655,"offset":656},"your web browser. You're going to learn all of the",3300,30661,{"text":658,"duration":659,"offset":660},"syntax and structures.",1452,34027,{"text":662,"duration":663,"offset":664},"For the HTML5 language in this video we're going to",3262,35580,{"text":666,"duration":667,"offset":668},"hit the ground running. You're going to write your first",3582,38906,{"text":670,"duration":671,"offset":672},"lines of HTML5 code, but first we're going to set",3135,42552,{"text":674,"duration":675,"offset":676},"U your coding environments so you can get started. In",3390,45751,{"text":678,"duration":679,"offset":680},"order to work in HTML there are two tools you're",3071,49205,{"text":682,"duration":683,"offset":684},"going to need. The first I guarantee you already have,",3454,52340,{"text":686,"duration":687,"offset":688},"and that's a web browser. You're probably already using it,",3774,55858,{"text":690,"duration":691,"offset":692},"but I recommend Chrome and getting the latest edition of",3583,59696,{"text":694,"duration":695,"offset":696},"Chrome, the other tool that you need.",2366,63343,{"text":698,"duration":699,"offset":700},"Is a text editor. I'm going to be using Visual",2887,65790,{"text":702,"duration":699,"offset":703},"Studio code and I recommend that you use it as",68740,{"text":705,"duration":706,"offset":707},"well. There's a version for Mac, Windows, and Linux. Please",3704,71690,{"text":709,"duration":710,"offset":711},"download the stable version so you don't have to deal",3327,75457,{"text":713,"duration":714,"offset":715},"with any bugs that might be in the beta version.",3013,78846,{"text":717,"duration":718,"offset":719},"Once you install Visual Studio code, you'll come to a",3343,82959,{"text":721,"duration":722,"offset":723},"screen that looks something like this. I'm going to click",3594,86365,{"text":725,"duration":726,"offset":727},"over here on the extensions option.",2208,90022,{"text":729,"duration":730,"offset":731},"Visual Studio Code has a plugin based architecture. That means",3808,92940,{"text":733,"duration":734,"offset":735},"that there are features that don't come with the base",3256,96810,{"text":737,"duration":738,"offset":739},"install. Instead you have to download those features as a",3502,100127,{"text":741,"duration":742,"offset":743},"plugin. We're going to actually use two of those features.",3563,103690,{"text":745,"duration":746,"offset":747},"The first plugin you're going to download is called Live",3441,107314,{"text":749,"duration":750,"offset":751},"Server. So simply type live server. You'll see it come",3317,110816,{"text":753,"duration":699,"offset":754},"up here. Click on it and you'll see the install",114195,{"text":756,"duration":757,"offset":758},"button here where it says uninstall. In mine, of course",3379,117143,{"text":760,"duration":761,"offset":762},"mine says uninstall because I already have it.",2826,120584,{"text":764,"duration":765,"offset":766},"Installed live server will allow us to load our code",4837,123480,{"text":768,"duration":769,"offset":770},"into the browser very easily. The second extension if you",5302,128410,{"text":772,"duration":773,"offset":774},"search HTML, CSS is called HTML. CSS support CSS Intellisense",5674,133805,{"text":776,"duration":777,"offset":778},"for HTML.",837,139572,{"text":780,"duration":781,"offset":782},"What this is going to do is provide some additional",3080,141540,{"text":784,"duration":785,"offset":786},"help in the development environment. When we code C, you're",3564,144681,{"text":788,"duration":789,"offset":790},"going to install that plugin as well. The plugins are",3202,148305,{"text":792,"duration":793,"offset":794},"a lot of fun. If you want to look through",2477,151567,{"text":796,"duration":663,"offset":797},"the list of available plugins and add some that appeal",154105,{"text":799,"duration":800,"offset":801},"to you, go ahead. Some of the plugins you'll find",2960,157427,{"text":803,"duration":804,"offset":805},"just add some visual niceties to the environment. Others support",3866,160448,{"text":807,"duration":808,"offset":809},"other types of code. For example, if we were coding",3081,164374,{"text":811,"duration":812,"offset":813},"in Python.",605,167515,{"text":815,"duration":816,"offset":817},"There's a number of relevant Python plugins, but we're going",3711,169740,{"text":819,"duration":820,"offset":821},"to stick to HTML. Once you have your two plugins",2969,173513,{"text":823,"duration":824,"offset":825},"installed, click on the top button on the left hand",3154,176544,{"text":827,"duration":828,"offset":829},"side called Explorer. I always recommend that you keep all",3588,179760,{"text":831,"duration":832,"offset":833},"your code in a single folder, so if you have",2721,183410,{"text":835,"duration":836,"offset":837},"not yet done so, go ahead and create a folder",2784,186193,{"text":839,"duration":840,"offset":841},"on your desktop or in your documents for the HTML",3031,189038,{"text":843,"duration":844,"offset":845},"code we're about to write.",1608,192131,{"text":847,"duration":848,"offset":849},"As a reminder, I think the best way to do",2293,194490,{"text":851,"duration":852,"offset":853},"this is to code along with me and use the",2294,196839,{"text":855,"duration":856,"offset":857},"pause button as you need to to keep U. You're",2518,199189,{"text":859,"duration":860,"offset":861},"not going to remember this just by watching the video",2965,201763,{"text":863,"duration":864,"offset":865},"O be an active learner. I've already created my folder",3021,204784,{"text":867,"duration":868,"offset":869},"so I'm going to choose open folder.",1958,207861,{"text":871,"duration":872,"offset":873},"And on my desktop I have a folder for HTML",2889,211410,{"text":875,"duration":876,"offset":877},"authoring. I'm going to select it and click open.",3371,214368,{"text":879,"duration":880,"offset":881},"Now, right now that folder is blank, so let's create",3617,218750,{"text":883,"duration":884,"offset":885},"our first file where we're going to write our HTML",3479,222436,{"text":887,"duration":888,"offset":889},"code. O here in the Explorer bar, under the name",3339,225984,{"text":891,"duration":888,"offset":892},"of the folder I just created, I'm going to right",229393,{"text":894,"duration":895,"offset":896},"click. I'm going to choose.",1878,232801,{"text":898,"duration":899,"offset":900},"New file and here I can type the file name.",3887,235400,{"text":902,"duration":903,"offset":904},"I'm going to type first HTML.",2621,239378,{"text":906,"duration":907,"offset":908},"As a standard, we use all lowercase for our file",3070,242960,{"text":910,"duration":710,"offset":911},"names, and every HTML file that you write should end",246094,{"text":913,"duration":914,"offset":915},"in HTML. That's how the browser is going to identify",3326,249485,{"text":917,"duration":918,"offset":919},"it as an HTML file and know that it's OK",2559,252875,{"text":921,"duration":922,"offset":923},"to run. So now we have to add our code",2431,255498,{"text":925,"duration":679,"offset":926},"to the file. So we're going to start with what's",257993,{"text":928,"duration":929,"offset":930},"called the basic document structure. The basic document structure occurs",4606,261128,{"text":932,"duration":933,"offset":934},"in every single HTML document, whether it runs in the",3391,265798,{"text":936,"duration":937,"offset":938},"web browser or on a TV or in a mobile",2367,269253,{"text":940,"duration":941,"offset":942},"app.",256,271684,{"text":944,"duration":945,"offset":946},"So the first part of the basic document structure is",3573,272700,{"text":948,"duration":949,"offset":950},"called the document Type Declaration. It looks just like that.",4261,276342,{"text":952,"duration":953,"offset":954},"Doctype HTML. Essentially, this is declaring that we're working in",4536,280672,{"text":956,"duration":957,"offset":958},"HTML version five. That's what that means. It actually isn't",4123,285277,{"text":960,"duration":961,"offset":962},"in HTML. It simply declares that we're going to be",3436,289469,{"text":964,"duration":965,"offset":966},"writing HTML, and the formal HTML starts on the next",3574,292974,{"text":968,"duration":969,"offset":970},"line. So HTML is written in a series of tags.",3092,296617,{"text":972,"duration":973,"offset":974},"We'll start with our HTML tags, the HTML tags.",3161,299778,{"text":976,"duration":977,"offset":978},"Around the entire HTML document. And then we have two",4646,303010,{"text":980,"duration":981,"offset":982},"parts to our document. We have the head, and below",4383,307744,{"text":984,"duration":985,"offset":986},"the head, somewhat unironically, is the body.",3945,312215,{"text":988,"duration":989,"offset":990},"Inside the head is the title tag, and we'll call",5087,317370,{"text":992,"duration":993,"offset":994},"this first HTML documents.",2756,322563,{"text":996,"duration":997,"offset":998},"So this is our basic document structure. These tags are",4572,326560,{"text":1000,"duration":1001,"offset":1002},"the scaffolding of every HTML document out there.",4074,331215,{"text":1004,"duration":1005,"offset":1006},"You might want to save this as a template and",3063,336450,{"text":1008,"duration":1009,"offset":1010},"then load it anytime you start a new HTML document.",3473,339581,{"text":1012,"duration":1013,"offset":1014},"Or if you downloaded Visual Studio code with me and",3472,343122,{"text":1016,"duration":1017,"offset":1018},"are lazy like me, I got a trick to show",2655,346662,{"text":1020,"duration":1021,"offset":1022},"you. Let's go ahead and save this document first dot",3540,349385,{"text":1024,"duration":1025,"offset":1026},"HTML I just hit command S, hit control S on",2927,352994,{"text":1028,"duration":1021,"offset":1029},"a Windows machine and let's create another document.",355989,{"text":1031,"duration":1032,"offset":1033},"So I'm going to right click here under HTML authoring",4282,360279,{"text":1035,"duration":1036,"offset":1037},"choose new file and let's call this BDS for basic",3958,364642,{"text":1039,"duration":1040,"offset":1041},"document structure HTML.",1938,368681,{"text":1043,"duration":1044,"offset":1045},"Now, once I save this as a HTML document, I'm",2679,372040,{"text":1047,"duration":1048,"offset":1049},"just going to type without the brackets here on line",3096,374779,{"text":1051,"duration":1052,"offset":1053},"one HTML. Notice that Visual Studio code is giving me",3155,377935,{"text":1055,"duration":1056,"offset":1057},"some help with a dropdown and it's giving me a",2739,381150,{"text":1059,"duration":1060,"offset":1061},"couple of different options. These are different versions of the",3811,383949,{"text":1063,"duration":1064,"offset":1065},"basic document structure that I can load automatically. So all",3692,387819,{"text":1067,"duration":683,"offset":1068},"of that typing I just did actually unnecessary. Although I",391570,{"text":1070,"duration":1071,"offset":1072},"recommend you do learn it by heart because you're not",3156,395084,{"text":1074,"duration":1071,"offset":1075},"always going to be in this environment and you should",398299,{"text":1077,"duration":1078,"offset":1079},"be able to.",655,401515,{"text":1081,"duration":1082,"offset":1083},"Know when something's wrong when you're reading code. So there's",4339,402240,{"text":1085,"duration":1086,"offset":1087},"the HTML standard version, HTML5, and then the HTML XML",3729,406647,{"text":1089,"duration":1090,"offset":1091},"compatible version. We're going to choose the one in the",3797,410444,{"text":1093,"duration":1094,"offset":1095},"middle, HTML5. I'm simply going to use my arrow keys",3525,414309,{"text":1097,"duration":1098,"offset":1099},"to move up and down and then press return to",2984,417902,{"text":1101,"duration":1102,"offset":1103},"select and voila, we have my entire basic document structure.",4137,420953,{"text":1105,"duration":1106,"offset":1107},"Ready to go now? If your code is running off",2426,426820,{"text":1109,"duration":1110,"offset":1111},"the right side of the screen, as mine is, because",2702,429301,{"text":1113,"duration":1114,"offset":1115},"I have it magnified a little bit, I'm just going",2648,432058,{"text":1117,"duration":1118,"offset":1119},"to hit option and that will turn on the actual",2536,434761,{"text":1121,"duration":1122,"offset":1123},"carriage returns within the lines. You'll see line 6 now",3088,437353,{"text":1125,"duration":1126,"offset":1127},"is more than one line. Line 5 is more than",2316,440496,{"text":1129,"duration":1130,"offset":1131},"one line. It has nothing to do with how the",2372,442867,{"text":1133,"duration":1110,"offset":1134},"code is processed, it just makes it easier for me",445294,{"text":1136,"duration":1137,"offset":1138},"to read as a developer.",1269,448051,{"text":1140,"duration":1141,"offset":1142},"Let's review the code in our basic document structure.",3400,450740,{"text":1144,"duration":1145,"offset":1146},"As I mentioned, line one is our Doctype declaration stating",4629,455020,{"text":1148,"duration":1149,"offset":1150},"that this document is HTML5. Line 2 is our opening",3923,459728,{"text":1152,"duration":1153,"offset":1154},"HTML tag that's paired with a closing tag. In fact,",4001,463730,{"text":1156,"duration":1149,"offset":1157},"almost every tag is paired with a closing tag. The",467810,{"text":1159,"duration":1160,"offset":1161},"opening tag in this case is on Line 2. Our",3296,471812,{"text":1163,"duration":1164,"offset":1165},"closing tag is on line 12 and starts with a",3374,475186,{"text":1167,"duration":1168,"offset":1169},"slash.",470,478639,{"text":1171,"duration":1172,"offset":1173},"In the HTML opening tag, we have what's called an",3258,480350,{"text":1175,"duration":1176,"offset":1177},"attribute.",665,483675,{"text":1179,"duration":1180,"offset":1181},"And attribute modifies A tag. In this case, we're simply",3470,485170,{"text":1183,"duration":1184,"offset":1185},"indicating that the language is English language and English are",3966,488702,{"text":1187,"duration":1188,"offset":1189},"abbreviated, but you can see exactly what this attribute means.",3904,492730,{"text":1191,"duration":1192,"offset":1193},"This attribute is not strictly required, but it's not a",3409,496696,{"text":1195,"duration":1196,"offset":1197},"bad idea to have it, so let's leave it in.",2602,500167,{"text":1199,"duration":1200,"offset":1201},"We then have our opening head tag and our closing",3037,502831,{"text":1203,"duration":1204,"offset":1205},"head tag on Line 8, and you'll notice that the",2851,505930,{"text":1207,"duration":1180,"offset":1208},"coding environment added a bunch of meta tags. Meta tags",508843,{"text":1210,"duration":1211,"offset":1212},"essentially give information about our document.",2974,512375,{"text":1214,"duration":1215,"offset":1216},"So on line four we have a meta tag indicating",2977,515460,{"text":1218,"duration":1219,"offset":1220},"that we're using the character set UTF 8. That's a",3308,518503,{"text":1222,"duration":1223,"offset":1224},"pretty standard character set for English speaking countries. We also",4565,521877,{"text":1226,"duration":1227,"offset":1228},"have this HTTP equiv xua compatible, and if memory serves,",3838,526508,{"text":1230,"duration":1231,"offset":1232},"that was for older Internet Explorer machines. I don't think",3969,530412,{"text":1234,"duration":1235,"offset":1236},"anybody really uses that anymore. We actually could get rid",3903,534448,{"text":1238,"duration":1239,"offset":1240},"of it, but it doesn't harm anything to have it",3044,538417,{"text":1242,"duration":1243,"offset":1244},"there, so we'll leave it. Line 6 is an important",3176,541527,{"text":1246,"duration":1247,"offset":1248},"line.",331,544769,{"text":1250,"duration":1251,"offset":1252},"Meta name viewport content with equals device with initial scale",4505,545790,{"text":1254,"duration":1255,"offset":1256},"equals 1.0.",774,550365,{"text":1258,"duration":1259,"offset":1260},"It used to be that when people loaded a web",3093,552470,{"text":1262,"duration":1263,"offset":1264},"page into their computer, it was pretty predictable how big",4244,555635,{"text":1266,"duration":1267,"offset":1268},"their screen would be. That's no longer the case. People",4028,559951,{"text":1270,"duration":1271,"offset":1272},"are looking at web pages on everything from gigantic 4K",3957,564051,{"text":1274,"duration":1275,"offset":1276},"televisions to tiny iPhone mini devices, so we aren't sure",4172,568080,{"text":1278,"duration":1279,"offset":1280},"how big the screen is. What this meta tag is",3165,572324,{"text":1282,"duration":1283,"offset":1284},"doing is essentially saying OK, for the purpose of displaying",4388,575561,{"text":1286,"duration":1287,"offset":1288},"this website, we're going to set our magnification.",3669,580021,{"text":1290,"duration":1291,"offset":1292},"100% and we're going to make the width of the",2800,583760,{"text":1294,"duration":1295,"offset":1296},"screen the same as our device width. That sets U",2987,586623,{"text":1298,"duration":1299,"offset":1300},"the viewport or window through which you see the website.",3548,589672,{"text":1302,"duration":1303,"offset":1304},"Essentially what this is doing is preventing the user from",3610,593282,{"text":1306,"duration":1307,"offset":1308},"having that zoomed out view of the website that's impossible",3734,596955,{"text":1310,"duration":1311,"offset":1312},"to use on a mobile device.",1618,600751,{"text":1314,"duration":1315,"offset":1316},"Line 7 concludes our basic document structure with the title",4885,603070,{"text":1318,"duration":1319,"offset":1320},"tag. Let's change the value of the title tag to",3827,608036,{"text":1322,"duration":1323,"offset":1324},"basic document structure.",2035,611944,{"text":1326,"duration":1327,"offset":1328},"If you want your page indexed by Google, the title",3077,614929,{"text":1330,"duration":1331,"offset":1332},"tag is actually really important, and that's because the value",3815,618067,{"text":1334,"duration":1335,"offset":1336},"of the title tag where we put basic document structure",3323,621943,{"text":1338,"duration":1339,"offset":1340},"is the 1st place Google's going to look to figure",3015,625327,{"text":1342,"duration":1343,"offset":1344},"out how to index your page and for which keywords",3014,628404,{"text":1346,"duration":1331,"offset":1347},"your page should appear. Also, if someone bookmarks your page,",631480,{"text":1349,"duration":1350,"offset":1351},"the value of the title tag is the default name",2830,635356,{"text":1353,"duration":1354,"offset":1355},"of the bookmark. Third, if someone has a lot of",2892,638248,{"text":1357,"duration":1350,"offset":1358},"tabs open, I don't know if one of those people",641201,{"text":1360,"duration":1361,"offset":1362},"is like 30-40 tabs open.",1477,644093,{"text":1364,"duration":1365,"offset":1366},"At the same time this title tag value appears in",2972,645640,{"text":1368,"duration":1369,"offset":1370},"the tab so people know how to find the page",2663,648674,{"text":1372,"duration":1373,"offset":1374},"and go back to it. So this is an important",2601,651399,{"text":1376,"duration":1377,"offset":1378},"tag that you should be aware of what it does.",2787,654062,{"text":1380,"duration":1381,"offset":1382},"So here we have our title basic document structure.",3159,656911,{"text":1384,"duration":1259,"offset":1385},"Now in the body we don't have anything, and the",660790,{"text":1387,"duration":1388,"offset":1389},"body is where we would put all of the elements",3028,663949,{"text":1391,"duration":1392,"offset":1393},"that appear on the screen. O let's add something that's",3620,667043,{"text":1395,"duration":1396,"offset":1397},"fairly traditional.",1251,670729,{"text":1399,"duration":1400,"offset":1401},"The first time developers learn a new programming language, it's",3951,672690,{"text":1403,"duration":1404,"offset":1405},"traditional to write the Hello World program, which outputs the",3890,676702,{"text":1407,"duration":1408,"offset":1409},"text Hello World. O we're going to use another tag",3087,680653,{"text":1411,"duration":1412,"offset":1413},"to say Hello World. That tag is H1, also known",2840,683802,{"text":1415,"duration":1416,"offset":1417},"as heading one.",927,686703,{"text":1419,"duration":1420,"offset":1421},"So I'm going to begin typing my H1 tag and",2971,689110,{"text":1423,"duration":1424,"offset":1425},"notice when I close the tag, my environment automatically inserts",4598,692152,{"text":1427,"duration":1428,"offset":1429},"the closing H1 tag. Now I just need to type",3042,696821,{"text":1431,"duration":1432,"offset":1433},"in here the content for that tag, which is going",3396,699934,{"text":1435,"duration":1436,"offset":1437},"to be hello.",848,703401,{"text":1439,"duration":1440,"offset":1441},"World. Now I'm going to save the document.",2440,705140,{"text":1443,"duration":1444,"offset":1445},"It's saved under BDH HTML. Now remember earlier we installed",4071,710929,{"text":1447,"duration":1448,"offset":1449},"the extension live server. I'm going to click in the",3528,715067,{"text":1451,"duration":933,"offset":1452},"bottom right here where it says go live and that's",718663,{"text":1454,"duration":1455,"offset":1456},"going to load a web browser and display my page",3188,722122,{"text":1458,"duration":1455,"offset":1459},"through a live server. Here we go and there you",725378,{"text":1461,"duration":1462,"offset":1463},"see hello World.",1085,728634,{"text":1465,"duration":1466,"offset":1467},"So our code was successful in outputting your first HTML",3766,730600,{"text":1469,"duration":1470,"offset":1471},"text.",337,734433,{"text":1473,"duration":1474,"offset":1475},"And that text was produced by Line 10. Let's add",3832,735880,{"text":1477,"duration":1478,"offset":1479},"one more tag.",1038,739792,{"text":1481,"duration":1482,"offset":1483},"So this time I'm going to use a paragraph tag",3834,742360,{"text":1485,"duration":1486,"offset":1487},"an in the paragraph tag I'm going to say welcome",4090,746279,{"text":1489,"duration":1490,"offset":1491},"to the world of HTML coding.",2386,750454,{"text":1493,"duration":1494,"offset":1495},"Will again save our document.",1540,754530,{"text":1497,"duration":1498,"offset":1499},"And because we're using live server, as soon as I",3266,759750,{"text":1501,"duration":1502,"offset":1503},"load my web browser again, you can see the change",3267,763083,{"text":1505,"duration":1506,"offset":1507},"that was made.",934,766416,{"text":1509,"duration":1510,"offset":1511},"Alright, so congratulations on creating your first lines of code",4078,768890,{"text":1513,"duration":1514,"offset":1515},"and successfully writing the HTML5 Hello World program. Congratulations, you've",5034,773032,{"text":1517,"duration":1518,"offset":1519},"already written your first lines of HTML5 code. Let's keep",3696,778129,{"text":1521,"duration":1522,"offset":1523},"going. In the next video you're going to work on",3059,781889,{"text":1525,"duration":1526,"offset":1527},"HTML headings and paragraphs.",1848,785012,{"summary":1529,"sections":1530,"learningObjectives":1589,"keyConcepts":1598,"videoTags":1604},"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.",[1531,1540,1549,1556,1564,1573,1581],{"title":1532,"start":636,"end":672,"description":1533,"tags":1534},"Introduction to HTML5","Introduction to HTML5 and its importance.",[1535,1536,1537,1538,1539],"HTML5","introduction","web development","syntax","structure",{"title":1541,"start":672,"end":727,"description":1542,"tags":1543},"Setting Up the Coding Environment","Tools needed for HTML coding.",[1544,1545,1546,1547,1548],"coding environment","tools","web browser","text editor","Visual Studio Code",{"title":1550,"start":727,"end":845,"description":1551,"tags":1552},"Installing Extensions in Visual Studio Code","How to install and use extensions.",[1553,1548,1554,1555],"extensions","Live Server","HTML CSS support",{"title":1557,"start":845,"end":974,"description":1558,"tags":1559},"Creating and Saving HTML Files","Steps to create and save HTML files.",[1560,1561,1562,1563],"HTML files","file creation","saving files","file naming",{"title":1565,"start":974,"end":1138,"description":1566,"tags":1567},"Understanding Basic Document Structure","Explanation of HTML document structure.",[1568,1569,1570,1571,1572],"document structure","HTML tags","head","body","doctype",{"title":1574,"start":1138,"end":1312,"description":1575,"tags":1576},"Reviewing and Modifying HTML Code","Review and modify HTML code.",[1577,1578,1535,1579,1580],"code review","modification","tags","attributes",{"title":1582,"start":1312,"end":1527,"description":1583,"tags":1584},"Creating a Hello World Program","Writing a simple Hello World program.",[1585,1586,1587,1588],"Hello World","H1 tag","paragraph tag","HTML coding",[1590,1591,1592,1593,1594,1595,1596,1597],"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",[1599,1600,1601,1602,1603],"HTML5 syntax","Coding environment setup","Document structure","HTML tags and attributes","Practical coding exercise",{"keyTags":1605,"pedagogicalTags":1608},[1535,1537,1606,1548,1607],"coding","beginner tutorial",[1609,1610,1611],"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","2025-06-24T09:06:48.919Z",{"service":1620,"version":1621},"quizserver","b962045_v9dvj9hc",{"success":5,"data":1623,"time":1717},{"countryBasedRecommendations":1624,"subjectBasedRecommendations":1677,"subjectBasedQualifiers":1686},[1625,1632,1639,1646,1654,1660,1666,1672],{"id":1626,"quizId":1627,"country":91,"lowerGrade":177,"upperGrade":177,"quizRank":18,"subject":100,"quizImage":1628,"quizName":1629,"quizType":1630,"noOfQuestions":1631,"noOfSlides":81},"684961d5a293b51a6177db29","5fd24190446546001b8943eb","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/3d95930b-05ba-4eed-8bba-c3d3adab19a1","Character Analysis","quiz",15,{"id":1633,"quizId":1634,"country":91,"lowerGrade":96,"upperGrade":1635,"quizRank":42,"subject":121,"quizImage":1636,"quizName":1637,"quizType":1630,"noOfQuestions":1638,"noOfSlides":81},"68529c3a913e8f0e685b96be","663130398706efb7b94eb2bb",12,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8dfa6da2-0657-4610-ba78-3df4540717f5-v2","Chapter 12 - Doing the Right Thing",17,{"id":1640,"quizId":1641,"country":91,"lowerGrade":127,"upperGrade":233,"quizRank":1642,"subject":1643,"quizImage":1644,"quizName":1645,"quizType":1630,"noOfQuestions":97,"noOfSlides":81},"68529c3a913e8f0e685b9692","5ec40dbb5a8f86001b6020fc",13,"History","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ed7a4843-36db-45b9-b2fe-819f8e54e809","American Flag",{"id":1647,"quizId":1648,"country":91,"lowerGrade":1649,"upperGrade":1649,"quizRank":1650,"subject":121,"quizImage":1651,"quizName":1652,"quizType":1630,"noOfQuestions":1653,"noOfSlides":81},"67f75217bd773214f4c08ea2","5e94b04b49e5d9001b0b0729",5,14,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/a60fb278-3a36-49a1-978b-9308c9b21e4d","Reading Comprehension",20,{"id":1655,"quizId":1656,"country":91,"lowerGrade":96,"upperGrade":1635,"quizRank":1631,"subject":99,"quizImage":1657,"quizName":1658,"quizType":1630,"noOfQuestions":1659,"noOfSlides":81},"68529c3a913e8f0e685b969d","6470c4b3c1c426001fee1cba","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/781ff440-480b-40dd-8c9e-0fc363726287-v2","Linear Inequalities",30,{"id":1661,"quizId":1662,"country":91,"lowerGrade":96,"upperGrade":1635,"quizRank":1631,"subject":1663,"quizImage":1664,"quizName":1665,"quizType":1630,"noOfQuestions":1653,"noOfSlides":81},"67f75217bd773214f4c08c5b","5a95acd414c10f001bdc5bc1","Life Skills","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/297e5535-e985-4c5e-82c5-c8021323ba19","Types of Credit",{"id":1667,"quizId":1668,"country":91,"lowerGrade":1649,"upperGrade":1649,"quizRank":1638,"subject":101,"quizImage":1669,"quizName":1670,"quizType":1630,"noOfQuestions":1671,"noOfSlides":81},"68529c3a913e8f0e685b96c5","6846ffd78770c495bf9afa79","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7b880939-bf58-4731-99eb-7b0e4ca4db49-v2","Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25",18,{"id":1673,"quizId":1674,"country":91,"lowerGrade":26,"upperGrade":18,"quizRank":1638,"subject":100,"quizImage":1675,"quizName":1676,"quizType":1630,"noOfQuestions":1650,"noOfSlides":81},"684961d5a293b51a6177db41","56b0d2db0e6f4514362d45e9","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ef1a7f9d-3630-4b56-a583-2976b6997a2a","Misplaced and Dangling Modifiers",[1678,1679,1680,1681,1682,1683,1684,1685],{"id":1626,"quizId":1627,"country":91,"lowerGrade":177,"upperGrade":177,"quizRank":18,"subject":100,"quizImage":1628,"quizName":1629,"quizType":1630,"noOfQuestions":1631,"noOfSlides":81},{"id":1633,"quizId":1634,"country":91,"lowerGrade":96,"upperGrade":1635,"quizRank":42,"subject":121,"quizImage":1636,"quizName":1637,"quizType":1630,"noOfQuestions":1638,"noOfSlides":81},{"id":1640,"quizId":1641,"country":91,"lowerGrade":127,"upperGrade":233,"quizRank":1642,"subject":1643,"quizImage":1644,"quizName":1645,"quizType":1630,"noOfQuestions":97,"noOfSlides":81},{"id":1647,"quizId":1648,"country":91,"lowerGrade":1649,"upperGrade":1649,"quizRank":1650,"subject":121,"quizImage":1651,"quizName":1652,"quizType":1630,"noOfQuestions":1653,"noOfSlides":81},{"id":1661,"quizId":1662,"country":91,"lowerGrade":96,"upperGrade":1635,"quizRank":1631,"subject":1663,"quizImage":1664,"quizName":1665,"quizType":1630,"noOfQuestions":1653,"noOfSlides":81},{"id":1655,"quizId":1656,"country":91,"lowerGrade":96,"upperGrade":1635,"quizRank":1631,"subject":99,"quizImage":1657,"quizName":1658,"quizType":1630,"noOfQuestions":1659,"noOfSlides":81},{"id":1667,"quizId":1668,"country":91,"lowerGrade":1649,"upperGrade":1649,"quizRank":1638,"subject":101,"quizImage":1669,"quizName":1670,"quizType":1630,"noOfQuestions":1671,"noOfSlides":81},{"id":1673,"quizId":1674,"country":91,"lowerGrade":26,"upperGrade":18,"quizRank":1638,"subject":100,"quizImage":1675,"quizName":1676,"quizType":1630,"noOfQuestions":1650,"noOfSlides":81},[1687,1690,1693,1696,1699,1702,1705,1708,1711,1714],{"path":1688,"display":1689},"/science/earth-and-space-science/oceanography/marine-biogeochemistry/nutrient-cycling","Nutrient cycling",{"path":1691,"display":1692},"/math/geometry/solid-geometry/3d-geometric-models/shapes/reasoning-with-three-dimensional-shapes-and-their-attributes","Reasoning with three-dimensional shapes and their attributes",{"path":1694,"display":1695},"/science/life-science/adaptations-and-natural-selection","Adaptations and natural selection",{"path":1697,"display":1698},"/ela/writing/writing-process/editing/grammar-and-mechanics/refine-language-for-audience","Refine language for audience",{"path":1700,"display":1701},"/science/physical-science/forces-and-motion/newtons-laws/collisions-and-car-safety-features","Collisions and car safety features",{"path":1703,"display":1704},"/math/statistics-and-probability/probability/basic-probability-concepts/understanding-and-applying-conditional-probability/using-a-two-way-table-as-a-sample-space","Using a two-way table as a sample space",{"path":1706,"display":1707},"/math/algebra/algebraic-expressions/manipulating-expressions/simplifying-expressions","Simplifying expressions",{"path":1709,"display":1710},"/science/scientific-methods-and-applications/research-ethics-and-integrity/ethical-dimensions-of-science/global-research-ethics","Global research ethics",{"path":1712,"display":1713},"/math/functions/specific-functions/advanced-functions/graphing-complex-functions/graphing-symbolic-functions-key-features/graphing-rational-functions-with-zeros-asymptotes","Graphing Rational Functions with Zeros & Asymptotes",{"path":1715,"display":1716},"/ela/speaking-and-listening/collaboration/digital-collaboration","Digital Collaboration","2025-06-24T09:06:49.098056925Z",{"success":5,"data":1719,"time":1778},{"quizzes":1720,"total":1776,"timeTaken":1777,"experiment":72,"source":73},[1721,1727,1734,1741,1748,1755,1762,1769],{"id":1722,"isSuper":10,"type":11,"info":1723,"shouldIndex":10,"stats":1726},"67b734016250039963ee2236",{"grade":1724,"name":32,"slug":32,"image":1725},[31,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/180754bc-480b-4cdf-b6a9-075db8162026-v2",{"totalQuestions":177},{"id":1728,"isSuper":10,"type":11,"info":1729,"shouldIndex":10,"stats":1733},"67b4441c4cf7dfc893408573",{"grade":1730,"name":1731,"slug":1731,"image":1732},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Syntax of JavaScript and Overview","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/78b2aea3-f212-46aa-b29b-ec9abffde4fd-v2",{"totalQuestions":26},{"id":1735,"isSuper":10,"type":11,"info":1736,"shouldIndex":10,"stats":1740},"67b7374d74a355f2f6343e07",{"grade":1737,"name":1738,"slug":1738,"image":1739},[31,14],"Headings, Paragraphs and Lists","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/701e0197-b281-4fa3-a612-13dff4d2ec0b-v2",{"totalQuestions":42},{"id":1742,"isSuper":10,"type":11,"info":1743,"shouldIndex":10,"stats":1747},"67727ea987b4da9711f673da",{"grade":1744,"name":1745,"slug":1745,"image":1746},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - Try to Make Index Page","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f38fc2c1-0796-4cbb-9e25-b2b17083bb85-v2",{"totalQuestions":18},{"id":1749,"isSuper":10,"type":11,"info":1750,"shouldIndex":10,"stats":1754},"67777c8f84daef561043a015",{"grade":1751,"name":1752,"slug":1752,"image":1753},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - How to Use This Course","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a304c08d-a507-4377-8769-fb3555c79c61-v2",{"totalQuestions":26},{"id":1756,"isSuper":10,"type":11,"info":1757,"shouldIndex":10,"stats":1761},"67ae44442d3dee0d577bf4f0",{"grade":1758,"name":1759,"slug":1759,"image":1760},[14,14],"Learn ASP.NET MVC and Entity Framework (Database First) - Creating the ASP.NET Model View Controller (MVC) Project","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/9d5ed60b-2b80-40f2-bd1f-b3e891610f76-v2",{"totalQuestions":26},{"id":1763,"isSuper":10,"type":11,"info":1764,"shouldIndex":10,"stats":1768},"67ae8426abb4cf86867027a8",{"grade":1765,"name":1766,"slug":1766,"image":1767},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - How to Use HTML Tags in JavaScript","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/2951feac-872a-41cc-9e70-37dacbb93cb0-v2",{"totalQuestions":26},{"id":1770,"isSuper":10,"type":11,"info":1771,"shouldIndex":10,"stats":1775},"67a776f463c610dc6dd74665",{"grade":1772,"name":1773,"slug":1773,"image":1774},[14,14],"Introduction To Website Development Technologies - JavaScript and HTML DOM","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/6667c824-7e56-4643-aa59-d981271cf69f-v2",{"totalQuestions":18},356000,50,"2025-06-24T09:06:49.158512074Z",["Reactive",1780],{},["Set"],["ShallowReactive",1783],{"AuYvPBjoZ8":82,"IwPdOjHK64":82,"f9ltIr8d5c":82,"OyWreMToOu":82},"/admin/video-quiz/67761c7dd787a71f91c9f986/basic-document-structure","none",{"ssr_adp-v2":1787},"var-1"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",endpoints:{quizUrl:"https://services-internal-quiz.quizizz.com/_quizserver/adminv3ssr/v2/quiz",apiUrl:"https://quizizz.com/_api/rpc",autoCompleteUrl:"https://quizizz.com/_autocomserver/main",publicQuizUrl:"https://quizizz.com/_quizserver/main/v2/quiz",recommendationUrl:"https://search-internal.quizizz.com/_sserverv2/main/common/quizPageRecV3",joinUrl:"https://quizizz.com/join",quizPreviewUrl:"https://quizizz.com/signup/qdp",mlprocessorUrl:"https://quizizz.com/_mlprocessor/main",baseUrl:"https://quizizz.com",boclipsUrl:"https://quizizz.com/_quizserver/main/v2/boclips/video",categoryPagesUrl:"https://quizizz.com/_scserver/main/public/v1/category-pages",cdnBasePath:"https://cf.quizizz.com",searchServiceUrl:"https://quizizz.com/_sserverv2/main",schoolServiceUrl:"https://services-internal.quizizz.com/_scserver/main"},enablePseudoLocale:false,apiBase:"/nuxtssr/worker",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:true},gtag:{id:"G-NYFWYHHSPY"},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:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{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:"93722eb7-a5f7-4bae-97fa-8666515e450c",buildAssetsDir:"_nuxtssr/main",cdnURL:"https://cf.quizizz.com"}}</script></body></html>