The Art of Doing - Web Development for Beginners - Proper HTML Structure University Video

The Art of Doing - Web Development for Beginners - Proper HTML Structure

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Hard

Wayground Content

FREE Resource

The video tutorial covers the importance of proper HTML structure, explaining the need to organize HTML documents with a doctype, head, and body tags. It demonstrates using Visual Studio Code to auto-populate HTML structure and guides viewers through creating a properly structured HTML page, focusing on the title tag and content organization.

7 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Why is it important to have a structured HTML document?

To make the website look colorful

To ensure the HTML is organized and follows best practices

To make the website compatible with all browsers

To increase the loading speed of the website

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

To define the style of the document

To indicate the version of HTML being used

To declare the character set used

To specify the language of the document

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag is considered the root element of an HTML page?

</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">4. </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-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What information is typically included within the head tag of an HTML document?</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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>JavaScript functions</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Content to be displayed on the page</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Metadata about the page</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS styles</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">5. </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-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>In Visual Studio Code, what happens when you type an exclamation point in an HTML file?</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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>It deletes the file</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>It saves the file</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>It opens a new file</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>It auto-populates a basic HTML structure</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">6. </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-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What is the role of the title tag in an HTML document?</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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To link to external resources</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To define the footer of the page</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To specify the title of the page in the browser tab</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To display the main heading on the page</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Where should the content to be displayed on the webpage be placed in an HTML document?</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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Inside the head tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Inside the doctype declaration</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Inside the body tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Inside the title tag</p></div></div></div></div></div></div></div></div></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><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-wds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><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/67727ea987b4da9711f673da/html-css-and-javascript-for-beginners-a-web-design-course-try-to-make-index-page" data-testid="activity-recommendation-card-67727ea987b4da9711f673da" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML CSS and JavaScript for Beginners - A Web Design Course - Try to Make Index Page" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.9g7a4b1bb8r" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML CSS and JavaScript for Beginners - A Web Design Course - Try to Make Index Page</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b6ffd05d84f8b9f427bd02/modern-html-and-css-from-the-beginning-including-sass-doctype-basic-layout" data-testid="activity-recommendation-card-67b6ffd05d84f8b9f427bd02" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 4 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.bvhf4040mm" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67f8449d26b6b68af3e1e19a/modern-web-design-with-html5-css3-and-javascript-social-profile-linking-exercise" data-testid="activity-recommendation-card-67f8449d26b6b68af3e1e19a" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Social Profile Linking Exercise" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 2 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.qoiac2mab9a" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Modern Web Design with HTML5, CSS3, and JavaScript - Social Profile Linking Exercise</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67f62de756bd4626ca39b948/introduction-to-website-development-technologies-write-your-first-html-page-text-and-links" data-testid="activity-recommendation-card-67f62de756bd4626ca39b948" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Introduction To Website Development Technologies - Write Your First HTML Page - Text and Links" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 2 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.r9fpfaafqsq" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Introduction To Website Development Technologies - Write Your First HTML Page - Text and Links</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6773fb0c2dca5c3a465ee315/html-tutorial-for-beginners2022-paragraphs-in-html" data-testid="activity-recommendation-card-6773fb0c2dca5c3a465ee315" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Tutorial for Beginners(2022) - Paragraphs in HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.afgc95929ye" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML Tutorial for Beginners(2022) - Paragraphs in HTML</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67f6e7d3e4b6a376946fe2d0/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-html-introduction" data-testid="activity-recommendation-card-67f6e7d3e4b6a376946fe2d0" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 2 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.4j2vpnwlb6y" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6775645c9d9825c5bd2d1c17/modern-web-design-with-html5-css3-and-javascript-setting-up-html-for-webpage" data-testid="activity-recommendation-card-6775645c9d9825c5bd2d1c17" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Setting up HTML for Webpage" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.rg6mseqhrri" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Modern Web Design with HTML5, CSS3, and JavaScript - Setting up HTML for Webpage</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67ae46c4c88da6e7afa9904d/modern-web-design-with-html5-css3-and-javascript-social-profile-linking-exercise" data-testid="activity-recommendation-card-67ae46c4c88da6e7afa9904d" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Social Profile Linking Exercise" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.biluzdvdkn" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Modern Web Design with HTML5, CSS3, and JavaScript - Social Profile Linking Exercise</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>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-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><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-wds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><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/presentation/64c7d60b3f6cb30008e43294/unit-zero-lesson-2-cafeteria" data-testid="activity-popular-resource-card-64c7d60b3f6cb30008e43294" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Unit Zero lesson 2 cafeteria" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 12 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.zn9zw2bskpd" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Unit Zero lesson 2 cafeteria</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/presentation_solid_circle.png" alt="lesson" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5b9add444e356f00198a8c14/nouns-nouns-nouns" data-testid="activity-popular-resource-card-5b9add444e356f00198a8c14" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Nouns, nouns, nouns" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.ascl1blpqi" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Nouns, nouns, nouns</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>3rd Grade</p></div></div></div></div></div></a><a href="/admin/video-quiz/6735a74718bd2423fb21cbcd/lab-safety-procedures-and-guidelines" data-testid="activity-popular-resource-card-6735a74718bd2423fb21cbcd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab Safety Procedures and Guidelines" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.zodj9o3t2t" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Lab Safety Procedures and Guidelines</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 10th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.175e0ng7sk1" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/64b5419aacf2e2001d7e1195/all-about-me" data-testid="activity-popular-resource-card-64b5419aacf2e2001d7e1195" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="All about me" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.ac4zignse7b" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">All about me</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/64decf9f12d195000817634b/lab-safety-and-equipment" data-testid="activity-popular-resource-card-64decf9f12d195000817634b" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab Safety and Equipment" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.1vn5qhlsk3n" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Lab Safety and Equipment</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/66b1320eaad9b7e77f9c85a9/25-26-behavior-expectations-matrix" data-testid="activity-popular-resource-card-66b1320eaad9b7e77f9c85a9" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="25-26 Behavior Expectations Matrix" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 13 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.fzdaobfre6l" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">25-26 Behavior Expectations Matrix</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/video-quiz/66e972146a6efd0f8e6d9932/exploring-digital-citizenship-essentials" data-testid="activity-popular-resource-card-66e972146a6efd0f8e6d9932" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Exploring Digital Citizenship Essentials" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.8lxcvochqaw" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Exploring Digital Citizenship Essentials</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 10th 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-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><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-wds-success-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-w-header-base font-semibold">Discover more resources for Information Technology (IT)</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><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/6308ddeaade84d001d177794/lets-take-a-poll" data-testid="activity-subject-resource-card-6308ddeaade84d001d177794" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Let's Take a Poll..." class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.pvwv70b7vt" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Let's Take a Poll...</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>9th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/64b5422d268e31001dd55a5f/pronouncing-names-correctly" data-testid="activity-subject-resource-card-64b5422d268e31001dd55a5f" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Pronouncing Names Correctly " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 2 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.j1b5qlpkg6" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Pronouncing Names Correctly </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/quiz/61238f7c4612e1001dfd0ad5/civil-war" data-testid="activity-subject-resource-card-61238f7c4612e1001dfd0ad5" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Civil War " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 12 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.dlf42nl5o8" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Civil War </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>8th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/66b11b4baad9b79a549c7665/parent-functions" data-testid="activity-subject-resource-card-66b11b4baad9b79a549c7665" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Parent Functions" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.e1vu62rgk7a" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Parent Functions</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>9th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/5d6ff4085df317001a1368b6/mapa-paises-hispanohablantes" data-testid="activity-subject-resource-card-5d6ff4085df317001a1368b6" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Mapa países hispanohablantes" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 21 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.i7lyfbs1m0q" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Mapa países hispanohablantes</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>1st Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/56c53d8372239aa103437f46/primary-v-secondary-sources" data-testid="activity-subject-resource-card-56c53d8372239aa103437f46" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Primary v. Secondary Sources" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 19 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.q6hlbxjcqy" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Primary v. Secondary Sources</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/5c73872fe17265001ac04027/identifying-parts-of-speech" data-testid="activity-subject-resource-card-5c73872fe17265001ac04027" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Identifying Parts of Speech" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.99896pm21u" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Identifying Parts of Speech</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>8th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/654bb93d3eed7c828d3a746a/disney-trivia" data-testid="activity-subject-resource-card-654bb93d3eed7c828d3a746a" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.zx5hn33ac4" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Disney Trivia</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>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-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><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/engineering-and-technology/engineering-design" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Engineering Design</span><div class="sr-only"><input type="checkbox" aria-labelledby="Engineering Design-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/conventions/grammar/sentence-structure/clauses/dependent" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Dependent</span><div class="sr-only"><input type="checkbox" aria-labelledby="Dependent-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/number-system/operations-and-algebraic-thinking/addition-and-subtraction/word-problems/comparison-problems" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Comparison problems</span><div class="sr-only"><input type="checkbox" aria-labelledby="Comparison problems-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/geography/world-geography/countries-of-the-americas/the-caribbean" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">The Caribbean</span><div class="sr-only"><input type="checkbox" aria-labelledby="The Caribbean-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/scientific-methods-and-practices/scientific-inquiry/identify-laboratory-tools" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Identify laboratory tools</span><div class="sr-only"><input type="checkbox" aria-labelledby="Identify laboratory tools-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/writing/research-and-documentation/citation/mla-format/format-direct-quotations" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Format direct quotations</span><div class="sr-only"><input type="checkbox" aria-labelledby="Format direct quotations-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/probability/probability-concepts" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Probability Concepts</span><div class="sr-only"><input type="checkbox" aria-labelledby="Probability Concepts-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/earth-and-space-science/rocks-and-minerals/rock-layers" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Rock layers</span><div class="sr-only"><input type="checkbox" aria-labelledby="Rock layers-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/algebra/linear-equations-two-variables" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Linear equations (two variables)</span><div class="sr-only"><input type="checkbox" aria-labelledby="Linear equations (two variables)-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/contemporary-global-issues/global-economy-and-development/economic-challenges/sustainable-development" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer 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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Sustainable Development</span><div class="sr-only"><input type="checkbox" aria-labelledby="Sustainable Development-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><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-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-32684c53><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-32684c53><div class="flex flex-col justify-between w-full" data-v-32684c53><div class="flex flex-col md:flex-row" data-v-32684c53><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-32684c53></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-32684c53><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-32684c53><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-32684c53><p class="text-sm font-semibold copyright text-dark-4" data-v-32684c53> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-32684c53><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-32684c53><i class="social-icon fab fa-twitter" data-v-32684c53></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-32684c53><i class="social-icon fab fa-facebook" data-v-32684c53></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-32684c53><i class="social-icon fab fa-instagram" data-v-32684c53></i></a><span class="block w-px h-5 bg-dark-5" data-v-32684c53></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-32684c53><span class="text-sm text-dark-3 hover:underline" data-v-32684c53><span data-v-32684c53>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-32684c53><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-32684c53><span data-v-32684c53>Get our app</span></label><div class="flex space-x-2" data-v-32684c53><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-32684c53><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-32684c53></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-32684c53><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-32684c53></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":1519,"once":1521,"_errors":1522,"serverRendered":5,"path":1524,"country":90,"region":1525,"nuxtSsrFeatureFlags":1526},["ShallowReactive",3],{"dTTQSSxs1m":4,"VttxXvhMlM":75,"wyC43PrcG9":1323,"6U2DqDvWoi":1467},{"success":5,"data":6,"time":74},true,{"quizzes":7,"total":70,"timeTaken":71,"experiment":72,"source":73},[8,19,27,35,42,50,57,64],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67727ea987b4da9711f673da",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","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},8,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67b6ffd05d84f8b9f427bd02",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/c0ea571f-4cfe-4184-9c0c-f4c0eb3d15ab-v2",{"totalQuestions":26},4,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"67f8449d26b6b68af3e1e19a",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Social Profile Linking Exercise","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/af15b56a-21cf-41b7-9f78-79d0ad6defdf-v2",{"totalQuestions":34},2,{"id":36,"isSuper":10,"type":11,"info":37,"shouldIndex":10,"stats":41},"67f62de756bd4626ca39b948",{"grade":38,"name":39,"slug":39,"image":40},[14,14],"Introduction To Website Development Technologies - Write Your First HTML Page - Text and Links","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/981b736b-1646-4c69-9afe-4721e0dbd516-v2",{"totalQuestions":34},{"id":43,"isSuper":10,"type":11,"info":44,"shouldIndex":10,"stats":48},"6773fb0c2dca5c3a465ee315",{"grade":45,"name":46,"slug":46,"image":47},[14,14],"HTML Tutorial for Beginners(2022) - Paragraphs in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a116d82a-86b0-49aa-a22a-21b6b687e245-v2",{"totalQuestions":49},6,{"id":51,"isSuper":10,"type":11,"info":52,"shouldIndex":10,"stats":56},"67f6e7d3e4b6a376946fe2d0",{"grade":53,"name":54,"slug":54,"image":55},[14,14],"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/71116265-d74a-407f-a7c4-c3f3a479ffd2-v2",{"totalQuestions":34},{"id":58,"isSuper":10,"type":11,"info":59,"shouldIndex":10,"stats":63},"6775645c9d9825c5bd2d1c17",{"grade":60,"name":61,"slug":61,"image":62},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up HTML for Webpage","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fb756a1b-2fee-4d1f-8d75-abd099868544-v2",{"totalQuestions":49},{"id":65,"isSuper":10,"type":11,"info":66,"shouldIndex":10,"stats":69},"67ae46c4c88da6e7afa9904d",{"grade":67,"name":31,"slug":31,"image":68},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e946a5c3-cae7-47f4-bac5-1542a480084d-v2",{"totalQuestions":49},530418,53,"quizPageRecoPublicSearch","recommended_search","2025-08-28T19:53:55.33868317Z",{"success":5,"message":76,"data":77,"time":1319,"meta":1320},"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":102,"paidOrganization":1315,"createdAt":1316,"updated":1317,"premiumUse":1318,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":82,"lock":82},[],{"played":81,"totalPlayers":81,"totalCorrect":81,"totalQuestions":81},0,null,"679a2acaeabbbff8c6cf69c3","6774743914f5aedb46b79f19",{"_id":86,"firstName":87,"lastName":88,"occupation":89,"country":90,"preferences":91,"grades":93,"subject_tags":97,"media":101},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":92},"en",[49,94,18,95,96],7,9,10,[98,99,100],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":92,"aiGenerated":10,"qm":103,"visibility":5,"subjects":114,"topics":117,"subtopics":118,"grade":119,"gradeLevel":82,"deleted":10,"pref":120,"traits":121,"standardIds":123,"__v":124,"meta":125,"_id":83,"name":126,"image":127,"questions":128,"questionDrafts":486,"standards":82,"courses":82,"interactiveVideoProps":487,"createdAt":1313,"updated":1314,"isProfane":10,"whitelisted":5,"slug":126},{"6774744547a55730c6ef0a0a":104,"6774744547a55730c6ef0a0b":106,"6774744547a55730c6ef0a0c":108,"6774744547a55730c6ef0a0d":109,"6774744547a55730c6ef0a0e":110,"6774744547a55730c6ef0a0f":111,"6774744547a55730c6ef0a10":112,"6774744547a55730c6ef0a11":113},{"time":105},900000,{"time":107},30000,{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},[115,116],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":82},{"isQuizWithoutCorrectAnswer":10,"totalSlides":81,"totalComprehensionQuestions":122,"nonAnswerableQuestions":122},1,[],3,{"slot":82,"experiment":82},"The Art of Doing - Web Development for Beginners - Proper HTML Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/59691a8c-8862-4808-bb18-2aed98c06979-v2",[129,184,230,273,315,358,400,444],{"structure":130,"standards":170,"topics":171,"isSuperParent":10,"standardIds":172,"aiGenerated":10,"__v":26,"teleportFrom":82,"cloned":82,"ver":124,"parent":82,"_id":173,"time":105,"published":5,"aiCreateMeta":82,"type":131,"comprehensionQuestionIds":174,"createdAt":182,"updated":183},{"kind":131,"answer":132,"settings":133,"marks":135,"query":136,"options":151,"explain":152,"theme":156,"graphs":165,"hints":166,"order":167,"hasMath":10,"media":168,"elements":169},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":81,"incorrect":81},{"answerTime":137,"math":138,"type":82,"hasMath":10,"media":140,"text":149,"_id":150},-1,{"latex":139,"template":82},[],[141],{"type":142,"meta":143},"video",{"duration":144,"endTime":144,"startTime":81,"videoId":145,"src":146,"thumbnail":147,"filmstrip":148},496,"6687fda9049a2c6bb2860ea6","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_fsz5gpud/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_fsz5gpud/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","6774744593794493b89ff416",[],{"math":153,"type":149,"hasMath":10,"media":155,"text":149},{"latex":154,"template":82},[],[],{"titleFontFamily":157,"fontFamily":157,"fontColor":158,"background":160,"shape":162},"Quicksand",{"text":159},"#5D2057",{"color":161,"image":149,"video":149},"#FFFFFF",{"largeShapeColor":163,"smallShapeColor":164},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],"6774744547a55730c6ef0a0a",[175,176,177,178,179,180,181],"6774744547a55730c6ef0a0b","6774744547a55730c6ef0a0c","6774744547a55730c6ef0a0d","6774744547a55730c6ef0a0e","6774744547a55730c6ef0a0f","6774744547a55730c6ef0a10","6774744547a55730c6ef0a11","2024-12-31T22:46:29.398Z","2025-01-29T13:19:06.792Z",{"structure":185,"standards":225,"topics":226,"isSuperParent":10,"standardIds":227,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":34,"parent":82,"_id":175,"time":107,"published":5,"aiCreateMeta":82,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":228,"createdAt":229,"updated":183},{"settings":186,"hasMath":10,"query":187,"options":193,"explain":218,"hints":222,"kind":223,"marks":224,"answer":122},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":189,"answerTime":137,"text":191,"media":192},"text",{"latex":190,"template":82},[],"\u003Cp>Why is it important to have a structured HTML document?\u003C/p>",[],[194,200,206,212],{"type":188,"hasMath":10,"math":195,"answerTime":81,"id":197,"text":198,"media":199,"_id":197},{"latex":196,"template":82},[],"67747445975c572b0f6e7511","\u003Cp>To make the website look colorful\u003C/p>",[],{"type":188,"hasMath":10,"math":201,"answerTime":81,"id":203,"text":204,"media":205,"_id":203},{"latex":202,"template":82},[],"67747445975c57468e6e7512","\u003Cp>To ensure the HTML is organized and follows best practices\u003C/p>",[],{"type":188,"hasMath":10,"math":207,"answerTime":81,"id":209,"text":210,"media":211,"_id":209},{"latex":208,"template":82},[],"67747445975c575af36e7513","\u003Cp>To make the website compatible with all browsers\u003C/p>",[],{"type":188,"hasMath":10,"math":213,"answerTime":81,"id":215,"text":216,"media":217,"_id":215},{"latex":214,"template":82},[],"67747445975c57be546e7514","\u003Cp>To increase the loading speed of the website\u003C/p>",[],{"type":188,"text":149,"media":219,"hasMath":10,"math":220,"answerTime":81},[],{"template":82,"latex":221},[],[],"MCQ",{"correct":122,"incorrect":81},[],[],[],128,"2024-12-31T22:46:29.412Z",{"structure":231,"standards":269,"topics":270,"isSuperParent":10,"standardIds":271,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":34,"parent":82,"_id":176,"time":107,"published":5,"aiCreateMeta":82,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":272,"createdAt":229,"updated":183},{"settings":232,"hasMath":10,"query":233,"options":238,"explain":263,"hints":267,"kind":223,"marks":268,"answer":122},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":234,"answerTime":137,"text":236,"media":237},{"latex":235,"template":82},[],"\u003Cp>What is the purpose of the doctype declaration in an HTML document?\u003C/p>",[],[239,245,251,257],{"type":188,"hasMath":10,"math":240,"answerTime":81,"id":242,"text":243,"media":244,"_id":242},{"latex":241,"template":82},[],"67747445975c57564a6e7518","\u003Cp>To define the style of the document\u003C/p>",[],{"type":188,"hasMath":10,"math":246,"answerTime":81,"id":248,"text":249,"media":250,"_id":248},{"latex":247,"template":82},[],"67747445975c5703c16e7519","\u003Cp>To indicate the version of HTML being used\u003C/p>",[],{"type":188,"hasMath":10,"math":252,"answerTime":81,"id":254,"text":255,"media":256,"_id":254},{"latex":253,"template":82},[],"67747445975c57eb826e751a","\u003Cp>To declare the character set used\u003C/p>",[],{"type":188,"hasMath":10,"math":258,"answerTime":81,"id":260,"text":261,"media":262,"_id":260},{"latex":259,"template":82},[],"67747445975c5705766e751b","\u003Cp>To specify the language of the document\u003C/p>",[],{"type":188,"text":149,"media":264,"hasMath":10,"math":265,"answerTime":81},[],{"template":82,"latex":266},[],[],{"correct":122,"incorrect":81},[],[],[],241,{"structure":274,"standards":312,"topics":313,"isSuperParent":10,"standardIds":314,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":34,"parent":82,"_id":177,"time":107,"published":5,"aiCreateMeta":82,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":272,"createdAt":229,"updated":183},{"settings":275,"hasMath":10,"query":276,"options":281,"explain":306,"hints":310,"kind":223,"marks":311,"answer":34},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":277,"answerTime":137,"text":279,"media":280},{"latex":278,"template":82},[],"\u003Cp>Which tag is considered the root element of an HTML page?\u003C/p>",[],[282,288,294,300],{"type":188,"hasMath":10,"math":283,"answerTime":81,"id":285,"text":286,"media":287,"_id":285},{"latex":284,"template":82},[],"67747445975c5705dd6e751f","\u003Cp>\u003Chead>\u003C/p>",[],{"type":188,"hasMath":10,"math":289,"answerTime":81,"id":291,"text":292,"media":293,"_id":291},{"latex":290,"template":82},[],"67747445975c57ebe16e7520","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":188,"hasMath":10,"math":295,"answerTime":81,"id":297,"text":298,"media":299,"_id":297},{"latex":296,"template":82},[],"67747445975c5702ac6e7521","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":188,"hasMath":10,"math":301,"answerTime":81,"id":303,"text":304,"media":305,"_id":303},{"latex":302,"template":82},[],"67747445975c5786096e7522","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":188,"text":149,"media":307,"hasMath":10,"math":308,"answerTime":81},[],{"template":82,"latex":309},[],[],{"correct":122,"incorrect":81},[],[],[],{"structure":316,"standards":354,"topics":355,"isSuperParent":10,"standardIds":356,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":34,"parent":82,"_id":178,"time":107,"published":5,"aiCreateMeta":82,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":357,"createdAt":229,"updated":183},{"settings":317,"hasMath":10,"query":318,"options":323,"explain":348,"hints":352,"kind":223,"marks":353,"answer":34},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":319,"answerTime":137,"text":321,"media":322},{"latex":320,"template":82},[],"\u003Cp>What information is typically included within the head tag of an HTML document?\u003C/p>",[],[324,330,336,342],{"type":188,"hasMath":10,"math":325,"answerTime":81,"id":327,"text":328,"media":329,"_id":327},{"latex":326,"template":82},[],"67747445975c571cfc6e7526","\u003Cp>JavaScript functions\u003C/p>",[],{"type":188,"hasMath":10,"math":331,"answerTime":81,"id":333,"text":334,"media":335,"_id":333},{"latex":332,"template":82},[],"67747445975c5724746e7527","\u003Cp>Content to be displayed on the page\u003C/p>",[],{"type":188,"hasMath":10,"math":337,"answerTime":81,"id":339,"text":340,"media":341,"_id":339},{"latex":338,"template":82},[],"67747445975c570bda6e7528","\u003Cp>Metadata about the page\u003C/p>",[],{"type":188,"hasMath":10,"math":343,"answerTime":81,"id":345,"text":346,"media":347,"_id":345},{"latex":344,"template":82},[],"67747445975c5751436e7529","\u003Cp>CSS styles\u003C/p>",[],{"type":188,"text":149,"media":349,"hasMath":10,"math":350,"answerTime":81},[],{"template":82,"latex":351},[],[],{"correct":122,"incorrect":81},[],[],[],348,{"structure":359,"standards":397,"topics":398,"isSuperParent":10,"standardIds":399,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":34,"parent":82,"_id":179,"time":107,"published":5,"aiCreateMeta":82,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":357,"createdAt":229,"updated":183},{"settings":360,"hasMath":10,"query":361,"options":366,"explain":391,"hints":395,"kind":223,"marks":396,"answer":124},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":362,"answerTime":137,"text":364,"media":365},{"latex":363,"template":82},[],"\u003Cp>In Visual Studio Code, what happens when you type an exclamation point in an HTML file?\u003C/p>",[],[367,373,379,385],{"type":188,"hasMath":10,"math":368,"answerTime":81,"id":370,"text":371,"media":372,"_id":370},{"latex":369,"template":82},[],"67747445975c5765446e752d","\u003Cp>It deletes the file\u003C/p>",[],{"type":188,"hasMath":10,"math":374,"answerTime":81,"id":376,"text":377,"media":378,"_id":376},{"latex":375,"template":82},[],"67747445975c5728946e752e","\u003Cp>It saves the file\u003C/p>",[],{"type":188,"hasMath":10,"math":380,"answerTime":81,"id":382,"text":383,"media":384,"_id":382},{"latex":381,"template":82},[],"67747445975c574d0d6e752f","\u003Cp>It opens a new file\u003C/p>",[],{"type":188,"hasMath":10,"math":386,"answerTime":81,"id":388,"text":389,"media":390,"_id":388},{"latex":387,"template":82},[],"67747445975c573da46e7530","\u003Cp>It auto-populates a basic HTML structure\u003C/p>",[],{"type":188,"text":149,"media":392,"hasMath":10,"math":393,"answerTime":81},[],{"template":82,"latex":394},[],[],{"correct":122,"incorrect":81},[],[],[],{"structure":401,"standards":439,"topics":440,"isSuperParent":10,"standardIds":441,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":34,"parent":82,"_id":180,"time":107,"published":5,"aiCreateMeta":82,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":442,"createdAt":229,"updated":443},{"settings":402,"hasMath":10,"query":403,"options":408,"explain":433,"hints":437,"kind":223,"marks":438,"answer":34},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":404,"answerTime":137,"text":406,"media":407},{"latex":405,"template":82},[],"\u003Cp>What is the role of the title tag in an HTML document?\u003C/p>",[],[409,415,421,427],{"type":188,"hasMath":10,"math":410,"answerTime":81,"id":412,"text":413,"media":414,"_id":412},{"latex":411,"template":82},[],"67747445975c576ca56e7534","\u003Cp>To link to external resources\u003C/p>",[],{"type":188,"hasMath":10,"math":416,"answerTime":81,"id":418,"text":419,"media":420,"_id":418},{"latex":417,"template":82},[],"67747445975c577b6b6e7535","\u003Cp>To define the footer of the page\u003C/p>",[],{"type":188,"hasMath":10,"math":422,"answerTime":81,"id":424,"text":425,"media":426,"_id":424},{"latex":423,"template":82},[],"67747445975c5709856e7536","\u003Cp>To specify the title of the page in the browser tab\u003C/p>",[],{"type":188,"hasMath":10,"math":428,"answerTime":81,"id":430,"text":431,"media":432,"_id":430},{"latex":429,"template":82},[],"67747445975c57f5c36e7537","\u003Cp>To display the main heading on the page\u003C/p>",[],{"type":188,"text":149,"media":434,"hasMath":10,"math":435,"answerTime":81},[],{"template":82,"latex":436},[],[],{"correct":122,"incorrect":81},[],[],[],493,"2025-01-29T13:19:06.793Z",{"structure":445,"standards":483,"topics":484,"isSuperParent":10,"standardIds":485,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":34,"parent":82,"_id":181,"time":107,"published":5,"aiCreateMeta":82,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":442,"createdAt":229,"updated":443},{"settings":446,"hasMath":10,"query":447,"options":452,"explain":477,"hints":481,"kind":223,"marks":482,"answer":34},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":448,"answerTime":137,"text":450,"media":451},{"latex":449,"template":82},[],"\u003Cp>Where should the content to be displayed on the webpage be placed in an HTML document?\u003C/p>",[],[453,459,465,471],{"type":188,"hasMath":10,"math":454,"answerTime":81,"id":456,"text":457,"media":458,"_id":456},{"latex":455,"template":82},[],"67747445975c57a82b6e753b","\u003Cp>Inside the head tag\u003C/p>",[],{"type":188,"hasMath":10,"math":460,"answerTime":81,"id":462,"text":463,"media":464,"_id":462},{"latex":461,"template":82},[],"67747445975c5745ab6e753c","\u003Cp>Inside the doctype declaration\u003C/p>",[],{"type":188,"hasMath":10,"math":466,"answerTime":81,"id":468,"text":469,"media":470,"_id":468},{"latex":467,"template":82},[],"67747445975c571e5e6e753d","\u003Cp>Inside the body tag\u003C/p>",[],{"type":188,"hasMath":10,"math":472,"answerTime":81,"id":474,"text":475,"media":476,"_id":474},{"latex":473,"template":82},[],"67747445975c5773526e753e","\u003Cp>Inside the title tag\u003C/p>",[],{"type":188,"text":149,"media":478,"hasMath":10,"math":479,"answerTime":81},[],{"template":82,"latex":480},[],[],{"correct":122,"incorrect":81},[],[],[],[],{"videoMeta":488,"aiMeta":1257},{"videoProvider":146,"videoId":145,"videoTitle":126,"duration":144,"channelTitle":489,"videoType":490,"videoSubTypes":491,"transcript":493},"Packt - Web Development","INSTRUCTIONAL",[492],"CHALK_AND_TALK_PRESENTATION",[494,498,502,506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726,730,734,738,742,746,750,754,758,762,765,769,773,777,781,785,789,793,797,801,805,809,813,817,821,825,829,833,837,841,844,848,852,856,860,864,868,872,876,880,884,888,891,895,899,903,907,911,915,919,923,927,931,935,939,943,946,950,954,958,962,966,970,974,978,982,986,990,994,998,1002,1006,1009,1013,1017,1021,1025,1029,1033,1036,1040,1044,1048,1052,1056,1060,1064,1068,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107,1111,1115,1119,1123,1127,1131,1135,1139,1143,1147,1151,1155,1159,1163,1167,1171,1175,1179,1183,1187,1191,1195,1199,1203,1207,1211,1215,1219,1223,1225,1229,1233,1237,1241,1245,1249,1253],{"text":495,"duration":496,"offset":497},"Now that we've built a fully functioning HTML only site",3495,2920,{"text":499,"duration":500,"offset":501},"and we've really learned a lot of the fundamentals of",3369,6479,{"text":503,"duration":504,"offset":505},"HTML tags, we have to go back and sort of",2606,9911,{"text":507,"duration":508,"offset":509},"restructure and rework everything that we've done up to this",3814,12581,{"text":511,"duration":512,"offset":513},"point.",381,16458,{"text":515,"duration":516,"offset":517},"We've learned a lot about HTML tags, which is really",2689,17800,{"text":519,"duration":520,"offset":521},"great, but really we've sort of been doing everything wrong,",3104,20541,{"text":523,"duration":524,"offset":525},"which is not great.",982,23697,{"text":527,"duration":528,"offset":529},"We essentially haven't been following proper HTML format, which says",4439,24880,{"text":531,"duration":532,"offset":533},"that our HTML should be organized and highly structured.",3656,29384,{"text":535,"duration":536,"offset":537},"So I'm going to open up a new file here.",2880,33440,{"text":539,"duration":540,"offset":541},"So I'll go to file, open file.",2200,36480,{"text":543,"duration":544,"offset":545},"And we are currently in our starter files here and",3196,39040,{"text":547,"duration":548,"offset":549},"we are going to be moving into folder 3 here,",2877,42300,{"text":551,"duration":552,"offset":553},"organized HTML.",958,45241,{"text":555,"duration":556,"offset":557},"And let's talk about proper HTML structure.",2280,46360,{"text":559,"duration":560,"offset":561},"So I've got one file in here and that is",1914,48640,{"text":563,"duration":564,"offset":565},"our index file.",717,50602,{"text":567,"duration":568,"offset":569},"So like we said, you know, we've been learning a",1714,51760,{"text":571,"duration":572,"offset":573},"lot about tags, which is wonderful.",1250,53509,{"text":575,"duration":576,"offset":577},"We know all about anchor tags and headache tags and",2985,54760,{"text":579,"duration":580,"offset":581},"paragraph tags and image tags.",1756,57803,{"text":583,"duration":584,"offset":585},"But we've sort of been doing some things wrong here.",2000,60040,{"text":587,"duration":588,"offset":589},"Now proper HTML format structure is as follows.",4400,62360,{"text":591,"duration":592,"offset":593},"We should always start our HTML document with a self",4185,67000,{"text":595,"duration":596,"offset":597},"closing dock type tag to indicate which version of HTML",4427,71266,{"text":599,"duration":600,"offset":601},"we are going to be using within the browser formally.",4267,75773,{"text":603,"duration":604,"offset":605},"Then we're going to have something known as the HTML",2975,80160,{"text":607,"duration":608,"offset":609},"tag which is the root element or the main element",2804,83192,{"text":611,"duration":612,"offset":613},"of our page, so we haven't used that yet.",2347,86053,{"text":615,"duration":616,"offset":617},"Then we're going to use something known as a head",3019,88959,{"text":619,"duration":620,"offset":621},"tag which contains all information about the page.",3080,92039,{"text":623,"duration":624,"offset":625},"So this is kind of like information that is not",3010,95400,{"text":627,"duration":628,"offset":629},"going to be displayed, but rather information that's like metadata",4228,98474,{"text":631,"duration":632,"offset":633},"about our website.",1153,102766,{"text":635,"duration":636,"offset":637},"And then we'll have our body tag that is going",2648,104280,{"text":639,"duration":640,"offset":641},"to contain all of the information that will be displayed",3225,106986,{"text":643,"duration":644,"offset":645},"on the page.",691,110268,{"text":647,"duration":648,"offset":649},"So things like our headings and paragraphs and all of",2439,111120,{"text":651,"duration":652,"offset":653},"that sort of stuff.",875,113605,{"text":655,"duration":656,"offset":657},"So really all of our HTML tags that we have",3020,114800,{"text":659,"duration":660,"offset":661},"been using should go inside of either a head tag",3372,117890,{"text":663,"duration":664,"offset":665},"or a body tag for our website.",2107,121332,{"text":667,"duration":668,"offset":669},"And we haven't yet done that.",1040,123440,{"text":671,"duration":672,"offset":673},"So we have to sort of go back and implement",2520,124680,{"text":675,"duration":676,"offset":677},"this practice.",820,127259,{"text":679,"duration":680,"offset":681},"I just thought it would be a good idea to",2019,128360,{"text":683,"duration":684,"offset":685},"first start by seeing how all of these tags work,",2413,130428,{"text":687,"duration":688,"offset":689},"get a feel for them, and then we'll talk about",2265,132891,{"text":691,"duration":692,"offset":693},"the proper structure.",1035,135205,{"text":695,"duration":696,"offset":697},"So the first thing that I'll say is in Visual",3109,136600,{"text":699,"duration":700,"offset":701},"Studio Code, if I simply start, if it's a file",3179,139778,{"text":703,"duration":704,"offset":705},"is saved as an HTML file like I have right",2902,143027,{"text":707,"duration":708,"offset":709},"here, if I type an exclamation point, I get a",3110,145998,{"text":711,"duration":712,"offset":713},"nice HTML structure right here.",2143,149177,{"text":715,"duration":716,"offset":717},"So if I just click this, let's just quickly take",2159,151320,{"text":719,"duration":720,"offset":721},"a look here, it will auto populate this for us.",2115,153524,{"text":723,"duration":724,"offset":725},"You can see we have dock type HTML, which we",2671,155639,{"text":727,"duration":728,"offset":729},"said is a really important main first tag.",2548,158371,{"text":731,"duration":732,"offset":733},"We need a self closing tag to indicate what version",3117,160919,{"text":735,"duration":736,"offset":737},"of HTML we're using.",1222,164097,{"text":739,"duration":740,"offset":741},"Then we have the main root element of our page,",2805,165520,{"text":743,"duration":744,"offset":745},"the HTML tag, which has an opening tag right here",2925,168384,{"text":747,"duration":748,"offset":749},"and a closing tag down here.",1672,171368,{"text":751,"duration":752,"offset":753},"Next we have our head tag and inside of the",2642,173560,{"text":755,"duration":756,"offset":757},"head tag we have a lot of information about the",2888,176263,{"text":759,"duration":760,"offset":761},"page.",307,179212,{"text":763,"duration":556,"offset":764},"So this is considered like the metadata of the page.",179520,{"text":766,"duration":767,"offset":768},"And then we have our body tag.",1760,182040,{"text":770,"duration":771,"offset":772},"And our body tag is where we might put like,",2381,183880,{"text":774,"duration":775,"offset":776},"you know, an H1 and say this is my page.",2165,186315,{"text":778,"duration":779,"offset":780},"And I don't know, maybe we could have a paragraph",2401,188480,{"text":782,"duration":783,"offset":784},"in here and we could just put some lorem ipsum",2255,190930,{"text":786,"duration":787,"offset":788},"text.",246,193234,{"text":790,"duration":791,"offset":792},"And so that's where the content would go.",2400,193520,{"text":794,"duration":795,"offset":796},"Now, you know, here in the HTML tag, we're specifying",3882,196680,{"text":798,"duration":799,"offset":800},"maybe like the language that we're using.",3003,200636,{"text":802,"duration":803,"offset":804},"And then the head tag we're specifying a lot of",2243,203639,{"text":806,"duration":807,"offset":808},"information like the character set, we're specifying the viewport.",3150,205930,{"text":810,"duration":811,"offset":812},"So you know what sort of device we might be",2772,209080,{"text":814,"duration":815,"offset":816},"viewing the website on.",1483,211917,{"text":818,"duration":819,"offset":820},"I think a lot of this stuff is maybe more",2460,213680,{"text":822,"duration":823,"offset":824},"advanced than what I'm going to be going to in",2760,216200,{"text":826,"duration":827,"offset":828},"the course of these videos.",1620,219020,{"text":830,"duration":831,"offset":832},"So inside of the head tag, I am really only",2535,220880,{"text":834,"duration":835,"offset":836},"going to be focusing on the title.",2005,223474,{"text":838,"duration":839,"offset":840},"So we'll talk a little bit about that title and",2571,225480,{"text":842,"duration":839,"offset":843},"that way too, if you don't have the ability and",228106,{"text":845,"duration":846,"offset":847},"you know, whatever IDE you're using to auto populate this,",3174,230732,{"text":849,"duration":850,"offset":851},"it will sort of speed up that process.",2080,233960,{"text":853,"duration":854,"offset":855},"So I'm going to actually delete this because I think",2423,236360,{"text":857,"duration":858,"offset":859},"it's good for us to type these things out so",2051,238830,{"text":861,"duration":862,"offset":863},"we get a feel for them.",1072,240927,{"text":865,"duration":866,"offset":867},"So let's create our first properly structured HTML page.",4480,242000,{"text":869,"duration":870,"offset":871},"So I'm going to start with an opening tag and",2786,246480,{"text":873,"duration":874,"offset":875},"then I'm going to do an exclamation point and type",3096,249328,{"text":877,"duration":878,"offset":879},"doc type and we'll type doc type HTML.",2353,252486,{"text":881,"duration":882,"offset":883},"And so there is our our first tag that we",3387,255120,{"text":885,"duration":886,"offset":887},"need to start every HTML document.",2810,258590,{"text":889,"duration":791,"offset":890},"After this we need an HTML tag.",261720,{"text":892,"duration":893,"offset":894},"So this is going to be the root element of",2016,264400,{"text":896,"duration":897,"offset":898},"our page and everything else will go inside of here.",2496,266464,{"text":900,"duration":901,"offset":902},"Then I need a head tag and I need a",3951,269520,{"text":904,"duration":905,"offset":906},"body tag.",1016,273584,{"text":908,"duration":909,"offset":910},"And so this is sort of the structure that I",2306,275040,{"text":912,"duration":913,"offset":914},"will use when we start our HTML document.",2199,277400,{"text":916,"duration":917,"offset":918},"So we'll have doc type HTML, we'll have our root",3184,279600,{"text":920,"duration":921,"offset":922},"element of our page the HTML tag.",2189,282850,{"text":924,"duration":925,"offset":926},"And then inside of here we'll put our head tag",2036,285040,{"text":928,"duration":929,"offset":930},"and we'll put our body tags.",1239,287120,{"text":932,"duration":933,"offset":934},"Now let's talk about the title page or the title",3260,288680,{"text":936,"duration":937,"offset":938},"tag.",272,292008,{"text":940,"duration":941,"offset":942},"So inside of our head we can have a title",2495,292480,{"text":936,"duration":944,"offset":945},243,295036,{"text":947,"duration":948,"offset":949},"And the title tag is essentially what will appear in",3480,295440,{"text":951,"duration":952,"offset":953},"the browsers like tab when you load the page.",3013,298987,{"text":955,"duration":956,"offset":957},"So I don't know, I might just say this is",2999,302279,{"text":959,"duration":960,"offset":961},"the title of the page.",1609,305351,{"text":963,"duration":964,"offset":965},"So I'll put it right here and I'm going to",1871,307279,{"text":967,"duration":968,"offset":969},"save this.",445,309194,{"text":971,"duration":972,"offset":973},"And now let me come over here and let's open",3404,309880,{"text":975,"duration":976,"offset":977},"up this website organized HTML.",2399,313361,{"text":979,"duration":980,"offset":981},"And so you can see right here up in the",2180,317640,{"text":983,"duration":984,"offset":985},"tab, it says this is the title of the page.",2403,319876,{"text":987,"duration":988,"offset":989},"And so if I change that, where are we?",3880,322520,{"text":991,"duration":992,"offset":993},"Here we are.",360,326400,{"text":995,"duration":996,"offset":997},"If I change that to, I don't know, just the",3395,327200,{"text":999,"duration":1000,"offset":1001},"word title and I save it, now what's loaded on",3633,330674,{"text":1003,"duration":1004,"offset":1005},"that tab will also change.",2053,334386,{"text":1007,"duration":992,"offset":1008},"Perfect.",337040,{"text":1010,"duration":1011,"offset":1012},"So I'm going to actually, I'm going to put it",1941,337400,{"text":1014,"duration":1015,"offset":1016},"back.",215,339384,{"text":1018,"duration":1019,"offset":1020},"I like that better.",760,339600,{"text":1022,"duration":1023,"offset":1024},"So this is the title of the page.",1280,340360,{"text":1026,"duration":1027,"offset":1028},"So that's really information about our page, right?",3160,341960,{"text":1030,"duration":1031,"offset":1032},"We don't want it to to be displayed on our",2135,345120,{"text":759,"duration":1034,"offset":1035},255,347305,{"text":1037,"duration":1038,"offset":1039},"So it goes in the head.",1560,347560,{"text":1041,"duration":1042,"offset":1043},"Now let's put some actual content or information to be",3175,349480,{"text":1045,"duration":1046,"offset":1047},"displayed on the page inside of the body tag.",2646,352714,{"text":1049,"duration":1050,"offset":1051},"So here I'll put maybe my H1 and I'll say",3331,355720,{"text":1053,"duration":1054,"offset":1055},"proper HTML structure.",1788,359132,{"text":1057,"duration":1058,"offset":1059},"Structure.",680,361840,{"text":1061,"duration":1062,"offset":1063},"I think I spelled that right.",880,362520,{"text":1065,"duration":1066,"offset":1067},"And then we'll put maybe a little paragraph and I'll",4066,363720,{"text":1069,"duration":1066,"offset":1070},"say it is so important to use proper HTML structure,",367864,{"text":1072,"duration":1073,"offset":1074},"All right, And I'll put a little horizontal rule.",3832,372008,{"text":1076,"duration":1077,"offset":1078},"Maybe that'll be like my heading.",1520,375840,{"text":1080,"duration":1081,"offset":1082},"And then we'll put an H2 tag.",1480,378760,{"text":1084,"duration":1085,"offset":1086},"Here we'll say the body and head tags.",3240,380240,{"text":1088,"duration":1089,"offset":1090},"So let's talk a little bit about the body and",1639,383920,{"text":1092,"duration":1093,"offset":1094},"head tags.",365,385595,{"text":1096,"duration":1097,"offset":1098},"So I'll put a paragraph in here and I'll say",4654,385960,{"text":1100,"duration":1101,"offset":1102},"the body tag of a website holds all information to",5289,390720,{"text":1104,"duration":1105,"offset":1106},"be displayed on the page.",2644,396115,{"text":1108,"duration":1109,"offset":1110},"And I'm going to actually move this on to two",1963,399360,{"text":1112,"duration":1113,"offset":1114},"lines because I'm going to mark this up a little",2094,401367,{"text":1116,"duration":1117,"offset":1118},"bit.",175,403505,{"text":1120,"duration":1121,"offset":1122},"I'm going to bold the body tag.",1680,403960,{"text":1124,"duration":1125,"offset":1126},"So I'm going to cut that out and put the",2038,405640,{"text":1128,"duration":1129,"offset":1130},"B tag in here and we'll paste that back in.",2190,407729,{"text":1132,"duration":1133,"offset":1134},"So the body tag of website holds all information to",2848,410080,{"text":1136,"duration":1137,"offset":1138},"B, and then I'm going to underline the word displayed.",3016,412984,{"text":1140,"duration":1141,"offset":1142},"So we'll do underline displayed.",2600,416000,{"text":1144,"duration":1145,"offset":1146},"All right, perfect.",640,419360,{"text":1148,"duration":1149,"offset":1150},"And let's do another paragraph then to talk a little",3886,420240,{"text":1152,"duration":1153,"offset":1154},"bit about the head tag.",1719,424201,{"text":1156,"duration":1157,"offset":1158},"So we'll say the and I'm going to bold head,",4798,425920,{"text":1160,"duration":1161,"offset":1162},"the head tag of a website holds all information about",5779,430827,{"text":1164,"duration":1165,"offset":1166},"the what the page about the page, and we'll underline",5780,436715,{"text":1168,"duration":1169,"offset":1170},"the word about.",1635,442604,{"text":1172,"duration":1173,"offset":1174},"So I'm going to actually cut that.",1240,444240,{"text":1176,"duration":1177,"offset":1178},"All right, So if we save this now, our body",2447,448480,{"text":1180,"duration":1181,"offset":1182},"tag is holding all of our content.",1935,450984,{"text":1184,"duration":1185,"offset":1186},"Our head tag is holding some like meta data or",3157,453000,{"text":1188,"duration":1189,"offset":1190},"information about the page.",1854,456226,{"text":1192,"duration":1193,"offset":1194},"And we'll put more stuff in this head tag later",2770,458080,{"text":1196,"duration":1197,"offset":1198},"on when we start to link to our CSS files",2417,460909,{"text":1200,"duration":1201,"offset":1202},"or our JavaScript files.",1415,463385,{"text":1204,"duration":1205,"offset":1206},"So if we refresh this, we see this is the",2350,465160,{"text":1208,"duration":1209,"offset":1210},"title of our page.",1032,467568,{"text":1212,"duration":1213,"offset":1214},"So there we go.",720,468600,{"text":1216,"duration":1217,"offset":1218},"And we've got our content being displayed now inside of",4336,469760,{"text":1220,"duration":1221,"offset":1222},"the body tag.",1024,474175,{"text":1144,"duration":1019,"offset":1224},475720,{"text":1226,"duration":1227,"offset":1228},"So I think, you know, moving forward, we will structure",2995,476640,{"text":1230,"duration":1231,"offset":1232},"all of our HTML documents in this way.",2070,479690,{"text":1234,"duration":1235,"offset":1236},"We'll start by declaring our dock type, then we'll give",2855,481760,{"text":1238,"duration":1239,"offset":1240},"the HTML root element tag, and we'll just create our",2700,484667,{"text":1242,"duration":1243,"offset":1244},"head and body, and then we'll fill it in from",2337,487419,{"text":1246,"duration":1247,"offset":1248},"there.",311,489808,{"text":1250,"duration":1251,"offset":1252},"So this is a great place to stop and I'll",2074,490400,{"text":1254,"duration":1255,"offset":1256},"see you in our next video.",1316,492524,{"summary":1258,"sections":1259,"learningObjectives":1288,"keyConcepts":1297,"videoTags":1302},"The video tutorial covers the importance of proper HTML structure, explaining the need to organize HTML documents with a doctype, head, and body tags. It demonstrates using Visual Studio Code to auto-populate HTML structure and guides viewers through creating a properly structured HTML page, focusing on the title tag and content organization.",[1260,1269,1277,1283],{"title":1261,"start":497,"end":553,"description":1262,"tags":1263},"Introduction to HTML Structure","Introduction to the need for proper HTML structure.",[1264,1265,1266,1267,1268],"HTML","structure","tags","introduction","restructuring",{"title":1270,"start":553,"end":677,"description":1271,"tags":1272},"Proper HTML Format","Explanation of proper HTML format and structure.",[1264,1273,1265,1274,1275,1276],"format","doctype","head","body",{"title":1278,"start":677,"end":863,"description":1279,"tags":1280},"Using Visual Studio Code","Using Visual Studio Code to auto-populate HTML structure.",[1281,1264,1282,1266],"Visual Studio Code","auto-populate",{"title":1284,"start":863,"end":1256,"description":1285,"tags":1286},"Creating a Structured HTML Page","Step-by-step guide to creating a structured HTML page.",[1264,1287,1275,1276,1266],"structured page",[1289,1290,1291,1292,1293,1294,1295,1296],"Understand HTML structure","Use doctype tag","Organize HTML tags","Use head and body tags","Create HTML in VS Code","Set HTML title tag","Display content in body","Use metadata in head",[1298,1299,1300,1281,1301],"HTML structure","Doctype declaration","Head and body tags","Metadata usage",{"keyTags":1303,"pedagogicalTags":1308},[1264,1304,1305,1306,1307],"web development","coding","beginner","programming",[1309,1310,1311,1312],"demonstration","step-by-step","practical","hands-on","2025-01-29T13:19:06.776Z","2025-01-29T13:19:07.120Z","60919f6b27f749001c9a4bd7","2024-12-31T22:46:17.075Z","2025-01-29T13:19:07.123Z","ENABLED","2025-08-28T19:53:55.315Z",{"service":1321,"version":1322},"quizserver","e2a58ba8617ed870ee058a047317c177ae5deb70",{"success":5,"data":1324,"time":1466},{"countryBasedRecommendations":1325,"subjectBasedRecommendations":1380,"subjectBasedQualifiers":1435},[1326,1334,1341,1347,1353,1361,1367,1374],{"id":1327,"quizId":1328,"country":90,"lowerGrade":95,"upperGrade":1329,"quizRank":26,"subject":1330,"quizImage":1331,"quizName":1332,"quizType":1333,"noOfQuestions":1329,"noOfSlides":1329},"68aee53eba9f2c220c140aa9","64c7d60b3f6cb30008e43294",12,"Life Skills","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3f95e291-84df-46bb-b418-54c91824184b-v2","Unit Zero lesson 2 cafeteria","presentation",{"id":1335,"quizId":1336,"country":90,"lowerGrade":124,"upperGrade":124,"quizRank":1337,"subject":99,"quizImage":1338,"quizName":1339,"quizType":1340,"noOfQuestions":96,"noOfSlides":81},"689c703a4849ed70bb0db727","5b9add444e356f00198a8c14",5,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c9683fd9-008c-407f-a71b-3359b23d53ad","Nouns, nouns, nouns","quiz",{"id":1342,"quizId":1343,"country":90,"lowerGrade":49,"upperGrade":96,"quizRank":1337,"subject":1344,"quizImage":1345,"quizName":1346,"quizType":11,"noOfQuestions":96,"noOfSlides":81},"689335b96cc7c0498fa6bf4c","6735a74718bd2423fb21cbcd","Multiple Subjects","https://i3.ytimg.com/vi/MEIXRLcC6RA/default.jpg","Lab Safety Procedures and Guidelines",{"id":1348,"quizId":1349,"country":90,"lowerGrade":1337,"upperGrade":1337,"quizRank":94,"subject":98,"quizImage":1350,"quizName":1351,"quizType":1340,"noOfQuestions":1352,"noOfSlides":81},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1354,"quizId":1355,"country":90,"lowerGrade":1356,"upperGrade":1356,"quizRank":18,"subject":1357,"quizImage":1358,"quizName":1359,"quizType":1340,"noOfQuestions":1360,"noOfSlides":81},"689335b96cc7c0498fa6bf56","64b5419aacf2e2001d7e1195",14,"Professional Development","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f15a09ae-3c83-4d5e-881d-5f3b6ffdcb84-v2","All about me",11,{"id":1362,"quizId":1363,"country":90,"lowerGrade":18,"upperGrade":18,"quizRank":96,"subject":100,"quizImage":1364,"quizName":1365,"quizType":1340,"noOfQuestions":1366,"noOfSlides":81},"689c703a4849ed70bb0db8e4","64decf9f12d195000817634b","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1f260cd4-72e1-43ec-a934-b8a486964b53-v2","Lab Safety and Equipment",20,{"id":1368,"quizId":1369,"country":90,"lowerGrade":95,"upperGrade":1329,"quizRank":1360,"subject":1370,"quizImage":1371,"quizName":1372,"quizType":1340,"noOfQuestions":1373,"noOfSlides":81},"68aee53eba9f2c220c140ad2","66b1320eaad9b7e77f9c85a9","Other","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/0f13c2ce-f5fe-4cb0-8e48-dd41212a76c1","25-26 Behavior Expectations Matrix",13,{"id":1375,"quizId":1376,"country":90,"lowerGrade":49,"upperGrade":96,"quizRank":1360,"subject":1377,"quizImage":1378,"quizName":1379,"quizType":11,"noOfQuestions":96,"noOfSlides":81},"68a5aabba690fb0b8e8ada5d","66e972146a6efd0f8e6d9932","Computers","https://i3.ytimg.com/vi/f4B0q2oOLbs/default.jpg","Exploring Digital Citizenship Essentials",[1381,1389,1395,1402,1409,1416,1423,1429],{"id":1382,"quizId":1383,"country":90,"lowerGrade":95,"upperGrade":1373,"quizRank":1384,"subject":1385,"quizImage":1386,"quizName":1387,"quizType":1340,"noOfQuestions":1388,"noOfSlides":81},"68aee53eba9f2c220c140b51","6308ddeaade84d001d177794",30,"Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/dacdd051-0fc5-404e-85ef-db68ad6fd126","Let's Take a Poll...",15,{"id":1390,"quizId":1391,"country":90,"lowerGrade":1373,"upperGrade":1373,"quizRank":1392,"subject":1357,"quizImage":1393,"quizName":1394,"quizType":1340,"noOfQuestions":34,"noOfSlides":81},"68a5aabba690fb0b8e8adc4d","64b5422d268e31001dd55a5f",474,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4cdc727a-4243-4a1e-b12a-4b6c3815fd9a-v2","Pronouncing Names Correctly ",{"id":1396,"quizId":1397,"country":90,"lowerGrade":18,"upperGrade":1373,"quizRank":1398,"subject":1399,"quizImage":1400,"quizName":1401,"quizType":1340,"noOfQuestions":1329,"noOfSlides":81},"68aee53eba9f2c220c140b52","61238f7c4612e1001dfd0ad5",614,"History","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f8fa71cf-3aa9-480b-b9c0-a0418362742f","Civil War ",{"id":1403,"quizId":1404,"country":90,"lowerGrade":95,"upperGrade":1373,"quizRank":1405,"subject":98,"quizImage":1406,"quizName":1407,"quizType":1340,"noOfQuestions":1408,"noOfSlides":81},"68a5aabba690fb0b8e8adcba","66b11b4baad9b79a549c7665",768,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/66b4c56b-6642-43ca-b327-ea3661011e4b","Parent Functions",18,{"id":1410,"quizId":1411,"country":90,"lowerGrade":122,"upperGrade":1373,"quizRank":1412,"subject":1413,"quizImage":149,"quizName":1414,"quizType":1340,"noOfQuestions":1415,"noOfSlides":81},"68aee53eba9f2c220c140999","5d6ff4085df317001a1368b6",772,"World Languages","Mapa países hispanohablantes",21,{"id":1417,"quizId":1418,"country":90,"lowerGrade":49,"upperGrade":1373,"quizRank":1419,"subject":99,"quizImage":1420,"quizName":1421,"quizType":1340,"noOfQuestions":1422,"noOfSlides":81},"68aee53eba9f2c220c140b50","56c53d8372239aa103437f46",866,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f724e660-28f9-444c-892b-1dae74197ed0","Primary v. Secondary Sources",19,{"id":1424,"quizId":1425,"country":90,"lowerGrade":18,"upperGrade":1373,"quizRank":1426,"subject":99,"quizImage":1427,"quizName":1428,"quizType":1340,"noOfQuestions":1352,"noOfSlides":81},"68a5aabba690fb0b8e8ad9ea","5c73872fe17265001ac04027",932,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/82ed51c9-2d72-4bd0-abf8-2678e5548903","Identifying Parts of Speech",{"id":1430,"quizId":1431,"country":90,"lowerGrade":1373,"upperGrade":1373,"quizRank":1432,"subject":1399,"quizImage":1433,"quizName":1434,"quizType":1340,"noOfQuestions":1366,"noOfSlides":81},"68a5aabba690fb0b8e8ad996","654bb93d3eed7c828d3a746a",939,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/218f49f0-29fb-4c6f-a4ba-0553ca6817d3-v2","Disney Trivia",[1436,1439,1442,1445,1448,1451,1454,1457,1460,1463],{"path":1437,"display":1438},"/science/engineering-and-technology/engineering-design","Engineering Design",{"path":1440,"display":1441},"/ela/language/conventions/grammar/sentence-structure/clauses/dependent","Dependent",{"path":1443,"display":1444},"/math/number-system/operations-and-algebraic-thinking/addition-and-subtraction/word-problems/comparison-problems","Comparison problems",{"path":1446,"display":1447},"/social-studies/geography/world-geography/countries-of-the-americas/the-caribbean","The Caribbean",{"path":1449,"display":1450},"/science/scientific-methods-and-practices/scientific-inquiry/identify-laboratory-tools","Identify laboratory tools",{"path":1452,"display":1453},"/ela/writing/research-and-documentation/citation/mla-format/format-direct-quotations","Format direct quotations",{"path":1455,"display":1456},"/math/statistics-and-probability/probability/probability-concepts","Probability Concepts",{"path":1458,"display":1459},"/science/earth-and-space-science/rocks-and-minerals/rock-layers","Rock layers",{"path":1461,"display":1462},"/math/algebra/linear-equations-two-variables","Linear equations (two variables)",{"path":1464,"display":1465},"/social-studies/contemporary-global-issues/global-economy-and-development/economic-challenges/sustainable-development","Sustainable Development","2025-08-28T19:53:55.432809355Z",{"success":5,"data":1468,"time":1518},{"quizzes":1469,"total":1516,"timeTaken":1517,"experiment":72,"source":73},[1470,1477,1481,1485,1489,1496,1503,1510],{"id":1471,"isSuper":10,"type":11,"info":1472,"shouldIndex":10,"stats":1476},"67ae8427c727fbc97ae817fb",{"grade":1473,"name":1474,"slug":1474,"image":1475},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Structure of an HTML5 File","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/242180ce-b99f-45e4-9bca-2746b6d04578-v2",{"totalQuestions":49},{"id":9,"isSuper":10,"type":11,"info":1478,"shouldIndex":10,"stats":1480},{"grade":1479,"name":15,"slug":15,"image":16},[14,14],{"totalQuestions":18},{"id":20,"isSuper":10,"type":11,"info":1482,"shouldIndex":10,"stats":1484},{"grade":1483,"name":23,"slug":23,"image":24},[14,14],{"totalQuestions":26},{"id":43,"isSuper":10,"type":11,"info":1486,"shouldIndex":10,"stats":1488},{"grade":1487,"name":46,"slug":46,"image":47},[14,14],{"totalQuestions":49},{"id":1490,"isSuper":10,"type":11,"info":1491,"shouldIndex":10,"stats":1495},"67b72e84e4f17d6b40a7e682",{"grade":1492,"name":1493,"slug":1493,"image":1494},[14,14],"HTML Tutorial for Beginners(2022) - The href Attribute in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/18ee1833-8c9a-454e-8d42-50470d0f6437-v2",{"totalQuestions":124},{"id":1497,"isSuper":10,"type":11,"info":1498,"shouldIndex":10,"stats":1502},"67b74d43314d93339e5e4485",{"grade":1499,"name":1500,"slug":1500,"image":1501},[14,14],"HTML Tutorial for Beginners(2022) - Title in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/aebd9e58-14e3-4770-ba07-bd7b7a2b4524-v2",{"totalQuestions":124},{"id":1504,"isSuper":10,"type":11,"info":1505,"shouldIndex":10,"stats":1509},"67b7a6240dc39ee8af41aa99",{"grade":1506,"name":1507,"slug":1507,"image":1508},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Creating an HTML Template","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ac6ca129-47d4-40c4-82e5-a92256ac3ecf-v2",{"totalQuestions":18},{"id":1511,"isSuper":10,"type":11,"info":1512,"shouldIndex":10,"stats":1515},"6773f997ac7f8e78aff7679b",{"grade":1513,"name":23,"slug":23,"image":1514},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a13828e0-f696-47a7-9f2d-2fcef03cb328-v2",{"totalQuestions":18},474570,45,"2025-08-28T19:53:55.477804495Z",["Reactive",1520],{},["Set"],["ShallowReactive",1523],{"dTTQSSxs1m":82,"6U2DqDvWoi":82,"VttxXvhMlM":82,"wyC43PrcG9":82},"/admin/video-quiz/6774743914f5aedb46b79f19/the-art-of-doing-web-development-for-beginners-proper-html-structure","none",{"ssr_adp-v2":1527},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},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:"6b3fb8cc-d034-4e6c-a6d3-30b3282a9012",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>