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

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

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Hard

Quizizz Content

FREE Resource

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

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the primary purpose of HTML in web development?

To style web pages

To structure web content

To add interactivity to web pages

To store data

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

Console

Network tool

Inspect tool

Debugger

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

To declare the document type and version

To specify the character encoding

To link external stylesheets

To define the language of the document

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is the difference between opening and closing tags and self-closing tags?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Self-closing tags require a separate closing tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Opening and closing tags do not require a closing tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Self-closing tags are used for block elements</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Opening and closing tags require both an opening and a closing tag</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Which symbol is used to start an HTML tag?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Parentheses ()</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Angle brackets <></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Square brackets []</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Curly braces {}</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is the role of the head section 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-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To define the main content of the page</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To store metadata and links to external resources</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To handle user interactions</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To display content on the web page</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Which tag is used to define the title of a web page?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><title></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><link></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><meta></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><script></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is the purpose of the boilerplate code in HTML?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To add styles to the document</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To include JavaScript functionality</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To connect to a database</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To provide a basic structure for an HTML document</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Which section of an HTML document contains the visible content?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Title</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Meta</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Body</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Head</p></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><div class="w-full h-155 content-blocker" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="bg-ds-light-500 rounded-admin-lg shadow-md w-120 h-auto" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="flex p-10 justify-start items-stretch w-full flex-col flex-nowrap"><section><h1 class="text-lg md:text-xl text-dark-2 font-semibold text-center" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h1><p class="text-sm md:text-base text-dark-4"><span></span></p><div class="flex justify-between mt-2"><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Create resources</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Host any resource</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Get auto-graded reports</span></div></div></section><section class="flex flex-col space-y-3 mt-4 w-full"><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Google"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Google-logo"><span class="text-base font-semibold btn-label">Continue with Google</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Email"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Email-logo"><span class="text-base font-semibold btn-label">Continue with Email</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Classlink"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Classlink-logo"><span class="text-base font-semibold btn-label">Continue with Classlink</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Clever"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/clever-logo.png" alt="Clever" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Clever-logo"><span class="text-base font-semibold btn-label">Continue with Clever</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button></section><span class="mt-4 text-dark-4 text-sm flex justify-center">or continue with</span><section class="flex flex-row justify-center mt-4 gap-4"><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:inherit;" data-testid="continue-with-Microsoft"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/img/logos/ms-logo.png"></button><span class="text-dark-2 text-[10px] mt-1">Microsoft</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#222;" data-testid="continue-with-Apple"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/Apple.png"></button><span class="text-dark-2 text-[10px] mt-1">Apple</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#8854C0;" data-testid="continue-with-Others"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/shield-halved.png"></button><span class="text-dark-2 text-[10px] mt-1">Others</span></div></section></div><section class="mt-auto w-full"><section class="justify-center text-xs text-center text-dark-5 md:flex px-10 mb-4"><span>By signing up, you agree to our <a href='/tos' style='text-decoration: underline;'>Terms of Service</a> & <a href='/privacy' style='text-decoration: underline;'>Privacy Policy</a></span></section><section role="nudge" class="text-dark-2 py-4 flex items-center justify-center space-x-1 text-xs rounded-b-lg bg-light-6"><span class="xs-hidden">Already have an account?</span><button class="bg-lilac-faded rounded px-3 py-1 text-ds-lilac-600 text-xs font-semibold ml-2" type="button" data-testid="login-button-in-signup">Log in</button></section></section></div></div></div></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-transparent border h-8 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-v-fde55780><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-ds-dark-200 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Let me read it first</p></div></div></button></div></div></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-header-base font-semibold">Similar Resources on Quizizz</h2><button aria-label="View all" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-8 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/video-quiz/67ae46c2b45f8f61257b9410/modern-web-design-with-html5-css3-and-javascript-what-are-html-elements" data-testid="activity-recommendation-card-67ae46c2b45f8f61257b9410" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.a8ctg7kd15q" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67ae3d21958922c6a672ee57/html-tutorial-for-beginners2022-horizontal-rule-in-html" data-testid="activity-recommendation-card-67ae3d21958922c6a672ee57" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Tutorial for Beginners(2022) - Horizontal Rule in HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.lt780zh8otd" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML Tutorial for Beginners(2022) - Horizontal Rule in HTML</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6775735e924de51a502f072a/practical-css3-mastery-course-html-structure" data-testid="activity-recommendation-card-6775735e924de51a502f072a" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Practical CSS3 Mastery Course - HTML Structure" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.j97bjnzj2md" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Practical CSS3 Mastery Course - HTML Structure</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>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-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><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-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 2 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.fpr72swmsib" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">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-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b732fae0f0da9860f1605e/html-css-and-javascript-for-beginners-a-web-design-course-what-is-an-element" data-testid="activity-recommendation-card-67b732fae0f0da9860f1605e" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML CSS and JavaScript for Beginners - A Web Design Course - What is an Element" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.3ib411elgc" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML CSS and JavaScript for Beginners - A Web Design Course - What is an Element</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b1cc06777742a99ba46142/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-html-introduction" data-testid="activity-recommendation-card-67b1cc06777742a99ba46142" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><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-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 5 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.20ct24xmoma" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">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-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67ae3d24b594b4fbe6a47aba/full-stack-web-development-mastery-course-novice-to-expert-basic-structure-of-a-website" data-testid="activity-recommendation-card-67ae3d24b594b4fbe6a47aba" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.bubhqu336yr" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b7a6240dc39ee8af41aa99/modern-web-design-with-html5-css3-and-javascript-creating-an-html-template" data-testid="activity-recommendation-card-67b7a6240dc39ee8af41aa99" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating an HTML Template" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.4jjoylhfdf9" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Modern Web Design with HTML5, CSS3, and JavaScript - Creating an HTML Template</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-header-base font-semibold">Popular Resources on Quizizz</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/659d41ce4a5f3a82d5834c4b/chains-by-laurie-halse-anderson-chapters-1-3-quiz" data-testid="activity-popular-resource-card-659d41ce4a5f3a82d5834c4b" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chains by Laurie Halse Anderson Chapters 1-3 Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.w517dqzb6qt" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Chains by Laurie Halse Anderson Chapters 1-3 Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5eb6b09814673d001fce783c/math-review" data-testid="activity-popular-resource-card-5eb6b09814673d001fce783c" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="math review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.0o4wfhx1768q" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">math review</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5fd24190446546001b8943eb/character-analysis" data-testid="activity-popular-resource-card-5fd24190446546001b8943eb" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Character Analysis" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.3yvynryaxr2" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Character Analysis</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5f2ac7ac33cbd3001d631ed5/multiplying-fractions" data-testid="activity-popular-resource-card-5f2ac7ac33cbd3001d631ed5" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplying Fractions" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 12 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.376s6o5h2qx" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Multiplying Fractions</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/68262053608ae2fc2895a1b4/biology-regents-review-1" data-testid="activity-popular-resource-card-68262053608ae2fc2895a1b4" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Biology Regents Review #1" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 30 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.5bgsb3w6hcf" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Biology Regents Review #1</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>9th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5e94b04b49e5d9001b0b0729/reading-comprehension" data-testid="activity-popular-resource-card-5e94b04b49e5d9001b0b0729" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Reading Comprehension" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.8xj5loqlffs" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Reading Comprehension</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a95acd414c10f001bdc5bc1/types-of-credit" data-testid="activity-popular-resource-card-5a95acd414c10f001bdc5bc1" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Types of Credit" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.eds5yck9pw" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Types of Credit</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/683fb9756f1d6dc244f8f2b3/biology-regents-review-structure-function" data-testid="activity-popular-resource-card-683fb9756f1d6dc244f8f2b3" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Biology Regents Review: Structure & Function" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 50 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.jh2rckf10j" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Biology Regents Review: Structure & Function</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>9th - 12th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-success-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-header-base font-semibold">Discover more resources for Information Technology (IT)</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/5f7f313ed420ff001b53ce86/identifying-equations" data-testid="activity-subject-resource-card-5f7f313ed420ff001b53ce86" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Identifying equations" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.nfbzs5xxt0l" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Identifying equations</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>KG - University</p></div></div></div></div></div></a><a href="/admin/quiz/6631337b675a2a85e12ac63d/chapter-8-getting-along-with-your-supervisor" data-testid="activity-subject-resource-card-6631337b675a2a85e12ac63d" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 8 - Getting Along with your Supervisor" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 16 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.95209vv6psr" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Chapter 8 - Getting Along with your Supervisor</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>3rd Grade - Professio...</p></div></div></div></div></div></a><a href="/admin/quiz/683e638c2ddc4e75d4f35494/railroad-operations-and-classifications-quiz" data-testid="activity-subject-resource-card-683e638c2ddc4e75d4f35494" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Railroad Operations and Classifications Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.yantk1prq2f" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Railroad Operations and Classifications Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a><a href="/admin/quiz/60088bc4d0b012001b687b25/logos" data-testid="activity-subject-resource-card-60088bc4d0b012001b687b25" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Logos" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 71 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.a7qq4wgzfe4" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Logos</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>3rd Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/627ab6b9fa3160001d7455aa/mali-geography" data-testid="activity-subject-resource-card-627ab6b9fa3160001d7455aa" data-v-6ae9ea29><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-6ae9ea29><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-6ae9ea29><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-6ae9ea29><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-6ae9ea29><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Mali - Geography" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-6ae9ea29></div><div class="bottom-2 left-2 absolute" data-v-6ae9ea29><div class="" data-v-6ae9ea29><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-6ae9ea29><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-6ae9ea29><div data-v-6ae9ea29><div aria-describedby="tooltip-0.zznqcss11kk" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Mali - Geography</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-6ae9ea29><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-6ae9ea29> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-6ae9ea29>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><div class="flex-shrink-0"><a href="/library/science/physics/energy-and-thermodynamics/thermodynamics" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Thermodynamics</span><div class="sr-only"><input type="checkbox" aria-labelledby="Thermodynamics-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/comparative-government-and-politics/country-studies/authoritarian-systems/russia" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Russia</span><div class="sr-only"><input type="checkbox" aria-labelledby="Russia-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/foreign-language/german/advanced-german-literature" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Advanced German literature</span><div class="sr-only"><input type="checkbox" aria-labelledby="Advanced German literature-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/geometry/basic-geometry/geometric-elements/drawing-and-identifying-geometric-elements" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Drawing and identifying geometric elements</span><div class="sr-only"><input type="checkbox" aria-labelledby="Drawing and identifying geometric elements-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/probability/random-variables-and-expected-value/calculating-expected-values-in-decision-making/comparing-strategies-via-expected-values" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Comparing Strategies via Expected Values</span><div class="sr-only"><input type="checkbox" aria-labelledby="Comparing Strategies via Expected Values-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/algebra/linear-equations-one-variable/applications-of-equations/solving-multi-step-problems-using-linear-equations-in-one-variable/solving-linear-equations-in-one-variable-with-variables-on-both-sides-of-the-equation" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Solving linear equations in one variable with variables on both sides of the equation</span><div class="sr-only"><input type="checkbox" aria-labelledby="Solving linear equations in one variable with variables on both sides of the equation-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/geometry/area-and-volume/volume/volume-concepts-and-formulas/cavalieris-principle-volume-formulas-argument" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Cavalieri's Principle: Volume Formulas Argument</span><div class="sr-only"><input type="checkbox" aria-labelledby="Cavalieri's Principle: Volume Formulas Argument-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/economics/personal-economics/money/using-money/saving-and-sharing" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Saving and sharing</span><div class="sr-only"><input type="checkbox" aria-labelledby="Saving and sharing-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/measurement-and-data/measurement-concepts/length/word-problems-with-length" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Word problems with length</span><div class="sr-only"><input type="checkbox" aria-labelledby="Word problems with length-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/career-technical/skills-development/problem-solving-methods" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Problem-solving methods</span><div class="sr-only"><input type="checkbox" aria-labelledby="Problem-solving methods-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-257140ce><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-257140ce><div class="flex flex-col justify-between w-full" data-v-257140ce><div class="flex flex-col md:flex-row" data-v-257140ce><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-257140ce></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-257140ce><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-257140ce><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-257140ce><p class="text-sm font-semibold copyright text-dark-4" data-v-257140ce> © 2025 rebrand(() => "Quizizz Inc.", () => "Wayground Inc.") </p><div class="social-links" data-v-257140ce><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-257140ce><i class="social-icon fab fa-twitter" data-v-257140ce></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-257140ce><i class="social-icon fab fa-facebook" data-v-257140ce></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-257140ce><i class="social-icon fab fa-instagram" data-v-257140ce></i></a><span class="block w-px h-5 bg-dark-5" data-v-257140ce></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-257140ce><span class="text-sm text-dark-3 hover:underline" data-v-257140ce><span data-v-257140ce>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-257140ce><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-257140ce><span data-v-257140ce>Get our app</span></label><div class="flex space-x-2" data-v-257140ce><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-257140ce><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-257140ce></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-257140ce><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-257140ce></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":1873,"once":1875,"_errors":1876,"serverRendered":5,"path":1878,"country":92,"region":1879,"nuxtSsrFeatureFlags":1880},["ShallowReactive",3],{"vcVyCglT3x":4,"ww47725UiD":76,"rLTxlWEZc0":1702,"nGSXwo5ens":1821},{"success":5,"data":6,"time":75},true,{"quizzes":7,"total":71,"timeTaken":72,"experiment":73,"source":74},[8,19,27,34,42,49,56,64],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67ae46c2b45f8f61257b9410",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a6ecda92-20d1-4e08-98db-ccdc8e8a345f-v2",{"totalQuestions":18},8,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67ae3d21958922c6a672ee57",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"HTML Tutorial for Beginners(2022) - Horizontal Rule in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/571d2186-f59c-47ee-bdfe-bb82f6f1ca11-v2",{"totalQuestions":26},6,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"6775735e924de51a502f072a",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"Practical CSS3 Mastery Course - HTML Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/de505162-4e7a-46a6-9c25-d6e202158a67-v2",{"totalQuestions":18},{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":40},"67f6e7d3e4b6a376946fe2d0",{"grade":37,"name":38,"slug":38,"image":39},[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":41},2,{"id":43,"isSuper":10,"type":11,"info":44,"shouldIndex":10,"stats":48},"67b732fae0f0da9860f1605e",{"grade":45,"name":46,"slug":46,"image":47},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - What is an Element","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0a616bbd-5eac-4220-9f24-fa2977e217fc-v2",{"totalQuestions":26},{"id":50,"isSuper":10,"type":11,"info":51,"shouldIndex":10,"stats":54},"67b1cc06777742a99ba46142",{"grade":52,"name":38,"slug":38,"image":53},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cde2d622-31df-43ca-9041-ada747e4f918-v2",{"totalQuestions":55},5,{"id":57,"isSuper":10,"type":11,"info":58,"shouldIndex":10,"stats":62},"67ae3d24b594b4fbe6a47aba",{"grade":59,"name":60,"slug":60,"image":61},[14,14],"Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a2e19269-0f69-4bd7-be5c-4c1b6898d334-v2",{"totalQuestions":63},11,{"id":65,"isSuper":10,"type":11,"info":66,"shouldIndex":10,"stats":70},"67b7a6240dc39ee8af41aa99",{"grade":67,"name":68,"slug":68,"image":69},[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},24359,29,"quizPageRecoPublicSearch","recommended_search","2025-06-18T04:38:30.444379671Z",{"success":5,"message":77,"data":78,"time":1698,"meta":1699},"Ok",{"quiz":79,"draft":83},{"isTagged":10,"isLoved":10,"tagIds":80,"stats":81,"love":82,"cloned":10,"parentDetail":83,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":83,"publishedVersion":84,"isShared":10,"type":11,"_id":85,"createdBy":86,"info":104,"paidOrganization":1694,"createdAt":1695,"updated":1696,"premiumUse":1697,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":83,"lock":83},[],{"played":82,"totalPlayers":82,"totalCorrect":82,"totalQuestions":82},0,null,"679a27374ddb9c0f4616a044","67742a2ad787a71f91c9ccf1",{"_id":87,"firstName":88,"lastName":89,"email":90,"occupation":91,"country":92,"preferences":93,"grades":95,"subject_tags":99,"media":103},"65cf12f6e8a17f8c0da51a59","Quizizz","Content","contentcatalog@quizizz.com","teacher","US",{"lang":94},"en",[26,96,18,97,98],7,9,10,[100,101,102],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/145bbecb-5aa3-4a13-9f05-393125fb3d1f-v2",{"lang":94,"aiGenerated":10,"qm":105,"visibility":5,"subjects":119,"topics":122,"subtopics":123,"grade":124,"gradeLevel":83,"deleted":10,"pref":125,"traits":126,"standardIds":128,"__v":129,"meta":130,"_id":84,"name":38,"image":131,"questions":132,"questionDrafts":619,"standards":83,"courses":83,"interactiveVideoProps":620,"createdAt":1692,"updated":1693,"isProfane":10,"whitelisted":5,"slug":38},{"67742a3a152d1228f1faf1df":106,"67742a3a152d1228f1faf1e0":108,"67742a3a152d1228f1faf1e1":110,"67742a3a152d1228f1faf1e2":111,"67742a3a152d1228f1faf1e3":112,"67742a3a152d1228f1faf1e4":113,"67742a3a152d1228f1faf1e5":114,"67742a3a152d1228f1faf1e6":115,"67742a3a152d1228f1faf1e7":116,"67742a3a152d1228f1faf1e8":117,"67742a3a152d1228f1faf1e9":118},{"time":107},900000,{"time":109},30000,{"time":109},{"time":109},{"time":109},{"time":109},{"time":109},{"time":109},{"time":109},{"time":109},{"time":109},[120,121],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":83},{"isQuizWithoutCorrectAnswer":10,"totalSlides":82,"totalComprehensionQuestions":127,"nonAnswerableQuestions":127},1,[],3,{"slot":83,"experiment":83},"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/551b6d2c-b130-4c26-bc9b-f6fefb838670-v2",[133,192,238,280,323,365,408,451,494,535,577],{"structure":134,"standards":174,"topics":175,"isSuperParent":10,"standardIds":176,"aiGenerated":10,"__v":177,"teleportFrom":83,"cloned":83,"ver":129,"parent":83,"_id":178,"time":107,"published":5,"aiCreateMeta":83,"type":135,"comprehensionQuestionIds":179,"createdAt":190,"updated":191},{"kind":135,"answer":136,"settings":137,"marks":139,"query":140,"options":155,"explain":156,"theme":160,"graphs":169,"hints":170,"order":171,"hasMath":10,"media":172,"elements":173},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":82,"incorrect":82},{"answerTime":141,"math":142,"type":83,"hasMath":10,"media":144,"text":153,"_id":154},-1,{"latex":143,"template":83},[],[145],{"type":146,"meta":147},"video",{"duration":148,"endTime":148,"startTime":82,"videoId":149,"src":150,"thumbnail":151,"filmstrip":152},707,"66814baede233b70ac23e13d","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_9zudqaqu/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_9zudqaqu/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67742a3a93794493b89f9a0e",[],{"math":157,"type":153,"hasMath":10,"media":159,"text":153},{"latex":158,"template":83},[],[],{"titleFontFamily":161,"fontFamily":161,"fontColor":162,"background":164,"shape":166},"Quicksand",{"text":163},"#5D2057",{"color":165,"image":153,"video":153},"#FFFFFF",{"largeShapeColor":167,"smallShapeColor":168},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],4,"67742a3a152d1228f1faf1df",[180,181,182,183,184,185,186,187,188,189],"67742a3a152d1228f1faf1e0","67742a3a152d1228f1faf1e1","67742a3a152d1228f1faf1e2","67742a3a152d1228f1faf1e3","67742a3a152d1228f1faf1e4","67742a3a152d1228f1faf1e5","67742a3a152d1228f1faf1e6","67742a3a152d1228f1faf1e7","67742a3a152d1228f1faf1e8","67742a3a152d1228f1faf1e9","2024-12-31T17:30:34.495Z","2025-01-29T13:03:51.447Z",{"structure":193,"standards":233,"topics":234,"isSuperParent":10,"standardIds":235,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":180,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":236,"createdAt":237,"updated":191},{"settings":194,"hasMath":10,"query":195,"options":201,"explain":226,"hints":230,"kind":231,"marks":232,"answer":127},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":197,"answerTime":141,"text":199,"media":200},"text",{"latex":198,"template":83},[],"\u003Cp>What is the primary purpose of HTML in web development?\u003C/p>",[],[202,208,214,220],{"type":196,"hasMath":10,"math":203,"answerTime":82,"id":205,"text":206,"media":207,"_id":205},{"latex":204,"template":83},[],"67742a3a2efad6b8ad9e1d96","\u003Cp>To style web pages\u003C/p>",[],{"type":196,"hasMath":10,"math":209,"answerTime":82,"id":211,"text":212,"media":213,"_id":211},{"latex":210,"template":83},[],"67742a3a2efad60ba39e1d97","\u003Cp>To structure web content\u003C/p>",[],{"type":196,"hasMath":10,"math":215,"answerTime":82,"id":217,"text":218,"media":219,"_id":217},{"latex":216,"template":83},[],"67742a3a2efad6247d9e1d98","\u003Cp>To add interactivity to web pages\u003C/p>",[],{"type":196,"hasMath":10,"math":221,"answerTime":82,"id":223,"text":224,"media":225,"_id":223},{"latex":222,"template":83},[],"67742a3a2efad6e5c09e1d99","\u003Cp>To store data\u003C/p>",[],{"type":196,"text":153,"media":227,"hasMath":10,"math":228,"answerTime":82},[],{"template":83,"latex":229},[],[],"MCQ",{"correct":127,"incorrect":82},[],[],[],56,"2024-12-31T17:30:34.538Z",{"structure":239,"standards":277,"topics":278,"isSuperParent":10,"standardIds":279,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":181,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":236,"createdAt":237,"updated":191},{"settings":240,"hasMath":10,"query":241,"options":246,"explain":271,"hints":275,"kind":231,"marks":276,"answer":41},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":242,"answerTime":141,"text":244,"media":245},{"latex":243,"template":83},[],"\u003Cp>Which tool can be used to inspect the structure of a web page?\u003C/p>",[],[247,253,259,265],{"type":196,"hasMath":10,"math":248,"answerTime":82,"id":250,"text":251,"media":252,"_id":250},{"latex":249,"template":83},[],"67742a3a2efad66cea9e1d9d","\u003Cp>Console\u003C/p>",[],{"type":196,"hasMath":10,"math":254,"answerTime":82,"id":256,"text":257,"media":258,"_id":256},{"latex":255,"template":83},[],"67742a3a2efad603f79e1d9e","\u003Cp>Network tool\u003C/p>",[],{"type":196,"hasMath":10,"math":260,"answerTime":82,"id":262,"text":263,"media":264,"_id":262},{"latex":261,"template":83},[],"67742a3a2efad6243c9e1d9f","\u003Cp>Inspect tool\u003C/p>",[],{"type":196,"hasMath":10,"math":266,"answerTime":82,"id":268,"text":269,"media":270,"_id":268},{"latex":267,"template":83},[],"67742a3a2efad68ed09e1da0","\u003Cp>Debugger\u003C/p>",[],{"type":196,"text":153,"media":272,"hasMath":10,"math":273,"answerTime":82},[],{"template":83,"latex":274},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":281,"standards":319,"topics":320,"isSuperParent":10,"standardIds":321,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":182,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":322,"createdAt":237,"updated":191},{"settings":282,"hasMath":10,"query":283,"options":288,"explain":313,"hints":317,"kind":231,"marks":318,"answer":82},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":284,"answerTime":141,"text":286,"media":287},{"latex":285,"template":83},[],"\u003Cp>What is the purpose of the doctype declaration in an HTML document?\u003C/p>",[],[289,295,301,307],{"type":196,"hasMath":10,"math":290,"answerTime":82,"id":292,"text":293,"media":294,"_id":292},{"latex":291,"template":83},[],"67742a3a2efad624649e1da4","\u003Cp>To declare the document type and version\u003C/p>",[],{"type":196,"hasMath":10,"math":296,"answerTime":82,"id":298,"text":299,"media":300,"_id":298},{"latex":297,"template":83},[],"67742a3a2efad6e2799e1da5","\u003Cp>To specify the character encoding\u003C/p>",[],{"type":196,"hasMath":10,"math":302,"answerTime":82,"id":304,"text":305,"media":306,"_id":304},{"latex":303,"template":83},[],"67742a3a2efad655379e1da6","\u003Cp>To link external stylesheets\u003C/p>",[],{"type":196,"hasMath":10,"math":308,"answerTime":82,"id":310,"text":311,"media":312,"_id":310},{"latex":309,"template":83},[],"67742a3a2efad6615d9e1da7","\u003Cp>To define the language of the document\u003C/p>",[],{"type":196,"text":153,"media":314,"hasMath":10,"math":315,"answerTime":82},[],{"template":83,"latex":316},[],[],{"correct":127,"incorrect":82},[],[],[],140,{"structure":324,"standards":362,"topics":363,"isSuperParent":10,"standardIds":364,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":183,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":322,"createdAt":237,"updated":191},{"settings":325,"hasMath":10,"query":326,"options":331,"explain":356,"hints":360,"kind":231,"marks":361,"answer":41},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":327,"answerTime":141,"text":329,"media":330},{"latex":328,"template":83},[],"\u003Cp>Which HTML tag is used to define the root of an HTML document?\u003C/p>",[],[332,338,344,350],{"type":196,"hasMath":10,"math":333,"answerTime":82,"id":335,"text":336,"media":337,"_id":335},{"latex":334,"template":83},[],"67742a3a2efad6690f9e1dab","\u003Cp>\u003Chead>\u003C/p>",[],{"type":196,"hasMath":10,"math":339,"answerTime":82,"id":341,"text":342,"media":343,"_id":341},{"latex":340,"template":83},[],"67742a3a2efad633de9e1dac","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":196,"hasMath":10,"math":345,"answerTime":82,"id":347,"text":348,"media":349,"_id":347},{"latex":346,"template":83},[],"67742a3a2efad657319e1dad","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":196,"hasMath":10,"math":351,"answerTime":82,"id":353,"text":354,"media":355,"_id":353},{"latex":352,"template":83},[],"67742a3a2efad6cdf29e1dae","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":196,"text":153,"media":357,"hasMath":10,"math":358,"answerTime":82},[],{"template":83,"latex":359},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":366,"standards":404,"topics":405,"isSuperParent":10,"standardIds":406,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":184,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":407,"createdAt":237,"updated":191},{"settings":367,"hasMath":10,"query":368,"options":373,"explain":398,"hints":402,"kind":231,"marks":403,"answer":129},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":369,"answerTime":141,"text":371,"media":372},{"latex":370,"template":83},[],"\u003Cp>What is the difference between opening and closing tags and self-closing tags?\u003C/p>",[],[374,380,386,392],{"type":196,"hasMath":10,"math":375,"answerTime":82,"id":377,"text":378,"media":379,"_id":377},{"latex":376,"template":83},[],"67742a3a2efad641b99e1db2","\u003Cp>Self-closing tags require a separate closing tag\u003C/p>",[],{"type":196,"hasMath":10,"math":381,"answerTime":82,"id":383,"text":384,"media":385,"_id":383},{"latex":382,"template":83},[],"67742a3a2efad674429e1db3","\u003Cp>Opening and closing tags do not require a closing tag\u003C/p>",[],{"type":196,"hasMath":10,"math":387,"answerTime":82,"id":389,"text":390,"media":391,"_id":389},{"latex":388,"template":83},[],"67742a3a2efad646ab9e1db4","\u003Cp>Self-closing tags are used for block elements\u003C/p>",[],{"type":196,"hasMath":10,"math":393,"answerTime":82,"id":395,"text":396,"media":397,"_id":395},{"latex":394,"template":83},[],"67742a3a2efad657b39e1db5","\u003Cp>Opening and closing tags require both an opening and a closing tag\u003C/p>",[],{"type":196,"text":153,"media":399,"hasMath":10,"math":400,"answerTime":82},[],{"template":83,"latex":401},[],[],{"correct":127,"incorrect":82},[],[],[],261,{"structure":409,"standards":447,"topics":448,"isSuperParent":10,"standardIds":449,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":185,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":450,"createdAt":237,"updated":191},{"settings":410,"hasMath":10,"query":411,"options":416,"explain":441,"hints":445,"kind":231,"marks":446,"answer":127},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":412,"answerTime":141,"text":414,"media":415},{"latex":413,"template":83},[],"\u003Cp>Which symbol is used to start an HTML tag?\u003C/p>",[],[417,423,429,435],{"type":196,"hasMath":10,"math":418,"answerTime":82,"id":420,"text":421,"media":422,"_id":420},{"latex":419,"template":83},[],"67742a3a2efad6612a9e1db9","\u003Cp>Parentheses ()\u003C/p>",[],{"type":196,"hasMath":10,"math":424,"answerTime":82,"id":426,"text":427,"media":428,"_id":426},{"latex":425,"template":83},[],"67742a3a2efad61dcd9e1dba","\u003Cp>Angle brackets \u003C>\u003C/p>",[],{"type":196,"hasMath":10,"math":430,"answerTime":82,"id":432,"text":433,"media":434,"_id":432},{"latex":431,"template":83},[],"67742a3a2efad670429e1dbb","\u003Cp>Square brackets []\u003C/p>",[],{"type":196,"hasMath":10,"math":436,"answerTime":82,"id":438,"text":439,"media":440,"_id":438},{"latex":437,"template":83},[],"67742a3a2efad65e529e1dbc","\u003Cp>Curly braces {}\u003C/p>",[],{"type":196,"text":153,"media":442,"hasMath":10,"math":443,"answerTime":82},[],{"template":83,"latex":444},[],[],{"correct":127,"incorrect":82},[],[],[],437,{"structure":452,"standards":490,"topics":491,"isSuperParent":10,"standardIds":492,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":186,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":493,"createdAt":237,"updated":191},{"settings":453,"hasMath":10,"query":454,"options":459,"explain":484,"hints":488,"kind":231,"marks":489,"answer":127},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":455,"answerTime":141,"text":457,"media":458},{"latex":456,"template":83},[],"\u003Cp>What is the role of the head section in an HTML document?\u003C/p>",[],[460,466,472,478],{"type":196,"hasMath":10,"math":461,"answerTime":82,"id":463,"text":464,"media":465,"_id":463},{"latex":462,"template":83},[],"67742a3a2efad6bdfc9e1dc0","\u003Cp>To define the main content of the page\u003C/p>",[],{"type":196,"hasMath":10,"math":467,"answerTime":82,"id":469,"text":470,"media":471,"_id":469},{"latex":468,"template":83},[],"67742a3a2efad6c7499e1dc1","\u003Cp>To store metadata and links to external resources\u003C/p>",[],{"type":196,"hasMath":10,"math":473,"answerTime":82,"id":475,"text":476,"media":477,"_id":475},{"latex":474,"template":83},[],"67742a3a2efad611499e1dc2","\u003Cp>To handle user interactions\u003C/p>",[],{"type":196,"hasMath":10,"math":479,"answerTime":82,"id":481,"text":482,"media":483,"_id":481},{"latex":480,"template":83},[],"67742a3a2efad6e3319e1dc3","\u003Cp>To display content on the web page\u003C/p>",[],{"type":196,"text":153,"media":485,"hasMath":10,"math":486,"answerTime":82},[],{"template":83,"latex":487},[],[],{"correct":127,"incorrect":82},[],[],[],701,{"structure":495,"standards":532,"topics":533,"isSuperParent":10,"standardIds":534,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":187,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":493,"createdAt":237,"updated":191},{"settings":496,"hasMath":10,"query":497,"options":502,"explain":526,"hints":530,"kind":231,"marks":531,"answer":82},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":498,"answerTime":141,"text":500,"media":501},{"latex":499,"template":83},[],"\u003Cp>Which tag is used to define the title of a web page?\u003C/p>",[],[503,508,514,520],{"type":196,"hasMath":10,"math":504,"answerTime":82,"id":506,"text":354,"media":507,"_id":506},{"latex":505,"template":83},[],"67742a3a2efad6f9419e1dc7",[],{"type":196,"hasMath":10,"math":509,"answerTime":82,"id":511,"text":512,"media":513,"_id":511},{"latex":510,"template":83},[],"67742a3a2efad627d99e1dc8","\u003Cp>\u003Clink>\u003C/p>",[],{"type":196,"hasMath":10,"math":515,"answerTime":82,"id":517,"text":518,"media":519,"_id":517},{"latex":516,"template":83},[],"67742a3a2efad60db09e1dc9","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":196,"hasMath":10,"math":521,"answerTime":82,"id":523,"text":524,"media":525,"_id":523},{"latex":522,"template":83},[],"67742a3a2efad67bc19e1dca","\u003Cp>\u003Cscript>\u003C/p>",[],{"type":196,"text":153,"media":527,"hasMath":10,"math":528,"answerTime":82},[],{"template":83,"latex":529},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":536,"standards":574,"topics":575,"isSuperParent":10,"standardIds":576,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":188,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":493,"createdAt":237,"updated":191},{"settings":537,"hasMath":10,"query":538,"options":543,"explain":568,"hints":572,"kind":231,"marks":573,"answer":129},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":539,"answerTime":141,"text":541,"media":542},{"latex":540,"template":83},[],"\u003Cp>What is the purpose of the boilerplate code in HTML?\u003C/p>",[],[544,550,556,562],{"type":196,"hasMath":10,"math":545,"answerTime":82,"id":547,"text":548,"media":549,"_id":547},{"latex":546,"template":83},[],"67742a3a2efad699059e1dce","\u003Cp>To add styles to the document\u003C/p>",[],{"type":196,"hasMath":10,"math":551,"answerTime":82,"id":553,"text":554,"media":555,"_id":553},{"latex":552,"template":83},[],"67742a3a2efad644099e1dcf","\u003Cp>To include JavaScript functionality\u003C/p>",[],{"type":196,"hasMath":10,"math":557,"answerTime":82,"id":559,"text":560,"media":561,"_id":559},{"latex":558,"template":83},[],"67742a3a2efad620849e1dd0","\u003Cp>To connect to a database\u003C/p>",[],{"type":196,"hasMath":10,"math":563,"answerTime":82,"id":565,"text":566,"media":567,"_id":565},{"latex":564,"template":83},[],"67742a3a2efad613399e1dd1","\u003Cp>To provide a basic structure for an HTML document\u003C/p>",[],{"type":196,"text":153,"media":569,"hasMath":10,"math":570,"answerTime":82},[],{"template":83,"latex":571},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":578,"standards":616,"topics":617,"isSuperParent":10,"standardIds":618,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":41,"parent":83,"_id":189,"time":109,"published":5,"aiCreateMeta":83,"type":231,"comprehensionQuestionId":178,"comprehensionTimestamp":493,"createdAt":237,"updated":191},{"settings":579,"hasMath":10,"query":580,"options":585,"explain":610,"hints":614,"kind":231,"marks":615,"answer":41},{"hasCorrectAnswer":5,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":196,"hasMath":10,"math":581,"answerTime":141,"text":583,"media":584},{"latex":582,"template":83},[],"\u003Cp>Which section of an HTML document contains the visible content?\u003C/p>",[],[586,592,598,604],{"type":196,"hasMath":10,"math":587,"answerTime":82,"id":589,"text":590,"media":591,"_id":589},{"latex":588,"template":83},[],"67742a3a2efad6ebae9e1dd5","\u003Cp>Title\u003C/p>",[],{"type":196,"hasMath":10,"math":593,"answerTime":82,"id":595,"text":596,"media":597,"_id":595},{"latex":594,"template":83},[],"67742a3a2efad63d039e1dd6","\u003Cp>Meta\u003C/p>",[],{"type":196,"hasMath":10,"math":599,"answerTime":82,"id":601,"text":602,"media":603,"_id":601},{"latex":600,"template":83},[],"67742a3a2efad6592b9e1dd7","\u003Cp>Body\u003C/p>",[],{"type":196,"hasMath":10,"math":605,"answerTime":82,"id":607,"text":608,"media":609,"_id":607},{"latex":606,"template":83},[],"67742a3a2efad6535f9e1dd8","\u003Cp>Head\u003C/p>",[],{"type":196,"text":153,"media":611,"hasMath":10,"math":612,"answerTime":82},[],{"template":83,"latex":613},[],[],{"correct":127,"incorrect":82},[],[],[],[],{"videoMeta":621,"aiMeta":1620},{"videoProvider":150,"videoId":149,"videoTitle":38,"duration":148,"channelTitle":622,"videoType":623,"videoSubTypes":624,"transcript":626},"Packt - Web Development","INSTRUCTIONAL",[625],"CHALK_AND_TALK_PRESENTATION",[627,631,635,639,643,647,651,655,659,663,667,671,675,679,683,687,691,695,699,703,707,711,715,719,723,727,731,735,739,743,747,751,755,759,763,767,771,775,779,783,787,791,795,799,803,807,811,815,819,823,827,831,835,839,843,847,851,855,859,863,867,871,875,879,883,887,891,895,899,903,906,910,914,917,921,925,929,933,937,941,945,949,953,957,961,965,969,973,977,981,985,989,993,996,1000,1003,1007,1011,1014,1017,1020,1023,1027,1031,1034,1038,1042,1046,1050,1054,1057,1061,1065,1069,1073,1077,1081,1085,1089,1093,1097,1101,1105,1109,1113,1117,1121,1125,1129,1133,1137,1141,1145,1149,1153,1156,1159,1162,1166,1169,1173,1177,1181,1185,1188,1192,1196,1200,1204,1207,1211,1214,1217,1221,1225,1229,1233,1237,1241,1245,1248,1251,1255,1259,1263,1267,1271,1275,1279,1283,1286,1290,1294,1298,1302,1306,1310,1314,1318,1322,1325,1329,1333,1337,1340,1343,1346,1350,1354,1358,1362,1365,1369,1373,1377,1381,1385,1388,1392,1396,1400,1403,1406,1410,1414,1418,1421,1425,1428,1432,1436,1440,1444,1447,1451,1455,1459,1463,1466,1470,1473,1477,1481,1485,1489,1493,1496,1500,1504,1507,1510,1513,1517,1521,1525,1529,1533,1537,1540,1544,1548,1552,1556,1560,1563,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1609,1612,1616],{"text":628,"duration":629,"offset":630},"start our journey with HTML and discuss about everything in",3780,4411,{"text":632,"duration":633,"offset":634},"depth.",384,8255,{"text":636,"duration":637,"offset":638},"The first thing with HTML is it's used to structure",3781,9000,{"text":640,"duration":641,"offset":642},"everything that we see on web.",2225,12855,{"text":644,"duration":645,"offset":646},"Basically it's help us to structure the content that we",3242,15360,{"text":648,"duration":649,"offset":650},"see on our web page.",1178,18661,{"text":652,"duration":653,"offset":654},"Now if you try to open any type of web",2414,20320,{"text":656,"duration":657,"offset":658},"page, may be this one itself, the structure is divided",3431,22798,{"text":660,"duration":661,"offset":662},"behind the scene through HTML.",1906,26293,{"text":664,"duration":665,"offset":666},"For now you can just right click here and click",2912,28640,{"text":668,"duration":669,"offset":670},"on this inspect option.",1425,31614,{"text":672,"duration":673,"offset":674},"If you click here something like this will be open",3600,33320,{"text":676,"duration":677,"offset":678},"and you can either do this at the bottom or",3096,36992,{"text":680,"duration":681,"offset":682},"you can take this on the sidebar itself.",2880,40160,{"text":684,"duration":685,"offset":686},"I know this is pretty advanced stuff but this will",2877,43960,{"text":688,"duration":689,"offset":690},"help you to analyze thing as a developer itself from",2992,46895,{"text":692,"duration":693,"offset":694},"the very first lecture and it will help you to",2647,49945,{"text":696,"duration":697,"offset":698},"visualize also that how a webpage is created.",2589,52650,{"text":700,"duration":701,"offset":702},"So we use HTML to structure content.",3080,55600,{"text":704,"duration":705,"offset":706},"Now here you can see this is HTML code and",3390,58920,{"text":708,"duration":709,"offset":710},"if I just go on the body part and justice",3310,62390,{"text":712,"duration":713,"offset":714},"use this option to either open and close the code",3955,65781,{"text":716,"duration":717,"offset":718},"part, you can understand things.",2583,69817,{"text":720,"duration":721,"offset":722},"So this is the structure of this page.",2160,72560,{"text":724,"duration":725,"offset":726},"Here we use this doc type to define that the",2966,75200,{"text":728,"duration":729,"offset":730},"whole page is about HTML.",1685,78234,{"text":732,"duration":733,"offset":734},"Then we have this HTML tag where we have defined",3035,80319,{"text":736,"duration":737,"offset":738},"our language.",821,83418,{"text":740,"duration":741,"offset":742},"Then we have this head and then we have this",2604,84400,{"text":744,"duration":745,"offset":746},"body.",296,87064,{"text":748,"duration":749,"offset":750},"So basically this is the structure of any HTML page",3428,87760,{"text":752,"duration":753,"offset":754},"that you see on web.",1345,91255,{"text":756,"duration":757,"offset":758},"Let me try to open Amazon now.",4920,92960,{"text":760,"duration":761,"offset":762},"This is Amazon homepage and I'm currently visiting the Indian",4173,97880,{"text":764,"duration":765,"offset":766},"version youcanvisit.com or any other version.",3079,102121,{"text":768,"duration":769,"offset":770},"Right click, click on inspect, you have this option.",3520,105600,{"text":772,"duration":773,"offset":774},"Scroll at the top and justice search about body click",3485,109480,{"text":776,"duration":777,"offset":778},"here.",329,113031,{"text":780,"duration":781,"offset":782},"So I have closed this one.",1280,114160,{"text":784,"duration":785,"offset":786},"Now you can see this structure.",2000,116600,{"text":788,"duration":789,"offset":790},"So we have this doc, then we have this HTML,",3290,118840,{"text":792,"duration":793,"offset":794},"then we have this head, then we have this body.",3515,122205,{"text":796,"duration":797,"offset":798},"So that's how any web page is structured online and",3715,126160,{"text":800,"duration":801,"offset":802},"we need to do something similar.",2332,129948,{"text":804,"duration":805,"offset":806},"Now these are tags, and then we have some attribute.",3200,132720,{"text":808,"duration":809,"offset":810},"We have values that we'll be discussing as we move",2882,135919,{"text":812,"duration":813,"offset":814},"forward.",461,138858,{"text":816,"duration":817,"offset":818},"But here I just wanted you to visualize this point",3204,139480,{"text":820,"duration":821,"offset":822},"that we have a doc type, then we have HTML,",2756,142748,{"text":824,"duration":825,"offset":826},"then we have health body and everything else for every",3460,145568,{"text":828,"duration":829,"offset":830},"single web page that you see online.",2307,149092,{"text":832,"duration":833,"offset":834},"I hope you got the idea right and you can",2473,151720,{"text":836,"duration":837,"offset":838},"utilize this inspect.",1267,154253,{"text":840,"duration":841,"offset":842},"It will be directly on your page itself on Chrome",3037,155760,{"text":844,"duration":845,"offset":846},"as well as you can test this on Firefox or",2603,158859,{"text":848,"duration":849,"offset":850},"any other browser.",1115,161524,{"text":852,"duration":853,"offset":854},"I strongly recommend to use Chrome or Firefox and here",3761,162840,{"text":856,"duration":857,"offset":858},"you can also use either this part.",2368,166671,{"text":860,"duration":861,"offset":862},"So you will have information on the bottom of the",2637,169160,{"text":864,"duration":865,"offset":866},"page.",269,171850,{"text":868,"duration":869,"offset":870},"You can use anyone here you will have all the",2523,172639,{"text":872,"duration":873,"offset":874},"information on the element bar, click on element and then",3195,175218,{"text":876,"duration":877,"offset":878},"you have this head body and all the information.",2691,178469,{"text":880,"duration":881,"offset":882},"Similarly for this page also.",1680,181520,{"text":884,"duration":885,"offset":886},"I hope you got the idea.",1240,183440,{"text":888,"duration":889,"offset":890},"This is the basic stuff that we are discussing.",2040,184760,{"text":892,"duration":893,"offset":894},"We just want to visualize things.",1640,187080,{"text":896,"duration":897,"offset":898},"Now similarly we need to create our own page right?",2680,189600,{"text":900,"duration":901,"offset":902},"So we use different tags to define that content.",3120,192640,{"text":904,"duration":673,"offset":905},"Here we use this H1 tag to define as heading.",196400,{"text":907,"duration":908,"offset":909},"If you just hover over this H1 you will see",2886,200320,{"text":911,"duration":912,"offset":913},"the H1 element represent a section heading.",2887,203273,{"text":915,"duration":897,"offset":916},"So I use the heading part as Shubham Sharda.",206560,{"text":918,"duration":919,"offset":920},"Now there are two type of tag.",1840,209840,{"text":922,"duration":923,"offset":924},"The first one that open and close.",2480,211960,{"text":926,"duration":927,"offset":928},"That means we need to close that tag.",2280,214760,{"text":930,"duration":931,"offset":932},"So this is the tag.",1360,217320,{"text":934,"duration":935,"offset":936},"This is the first type.",1160,218840,{"text":938,"duration":939,"offset":940},"Here we open the H1 tag, write everything that we",3709,220560,{"text":942,"duration":943,"offset":944},"want as heading and then we close that tag.",3255,224344,{"text":946,"duration":947,"offset":948},"So that means between these opening and closing tag we",3568,228080,{"text":950,"duration":951,"offset":952},"have all the information for heading.",2445,231714,{"text":954,"duration":955,"offset":956},"So this is the type one.",1440,234840,{"text":958,"duration":959,"offset":960},"Now there will be certain other tags that don't require",3448,236480,{"text":962,"duration":963,"offset":964},"this closing part.",1128,239991,{"text":966,"duration":967,"offset":968},"So that means they will have something like this.",2360,241400,{"text":970,"duration":971,"offset":972},"Now H1 require a closing tag.",1920,243760,{"text":974,"duration":975,"offset":976},"I'm just giving an example that the second type don't",3347,245680,{"text":978,"duration":979,"offset":980},"require a closing tag.",1389,249090,{"text":982,"duration":983,"offset":984},"We call them as self closing.",1880,250960,{"text":986,"duration":987,"offset":988},"So there is one which require opening and closing and",3085,253120,{"text":990,"duration":991,"offset":992},"then there is second one which is self closing.",2736,256263,{"text":994,"duration":893,"offset":995},"So there are two type of tags.",259240,{"text":997,"duration":998,"offset":999},"I hope you got the basic idea now.",3000,260880,{"text":1001,"duration":705,"offset":1002},"Let me clear this page for now and structure things",263880,{"text":1004,"duration":1005,"offset":1006},"like we discussed with the visualization part for Amazon as",3923,267337,{"text":1008,"duration":1009,"offset":1010},"well as this VS Code website itself.",2394,271326,{"text":1012,"duration":971,"offset":1013},"So we need some doc type information.",274120,{"text":1015,"duration":998,"offset":1016},"Then we have HTML, head, body and everything else.",276040,{"text":1018,"duration":931,"offset":1019},"So let me jump here.",279360,{"text":1021,"duration":721,"offset":1022},"The first thing I'm going to define is doc type.",281200,{"text":1024,"duration":1025,"offset":1026},"So since we are using these extension, we don't need",2564,283880,{"text":1028,"duration":1029,"offset":1030},"to write everything.",987,286493,{"text":1032,"duration":923,"offset":1033},"I can use this!",287680,{"text":1035,"duration":1036,"offset":1037},"And click on enter and this is how you get",3297,290320,{"text":1039,"duration":1040,"offset":1041},"everything.",864,293696,{"text":1043,"duration":1044,"offset":1045},"But as a beginner, I don't recommend for now to",3091,294880,{"text":1047,"duration":1048,"offset":1049},"use the shortcuts, but that's how you can do everything.",3683,298036,{"text":1051,"duration":1052,"offset":1053},"Let's write everything for now.",1560,302680,{"text":1055,"duration":919,"offset":1056},"And then we will use the shortcut.",304240,{"text":1058,"duration":1059,"offset":1060},"So here we need to use this lesser than and",2760,306520,{"text":1062,"duration":1063,"offset":1064},"greater than symbol, then our symbol.",2375,309344,{"text":1066,"duration":1067,"offset":1068},"And then I need to define doc type, so I",4361,311720,{"text":1070,"duration":1071,"offset":1072},"need to use doc type.",2290,316190,{"text":1074,"duration":1075,"offset":1076},"And here I just need to write HTML.",2120,318480,{"text":1078,"duration":1079,"offset":1080},"That's it.",560,320920,{"text":1082,"duration":1083,"offset":1084},"That's the first line of HTML file.",2560,322080,{"text":1086,"duration":1087,"offset":1088},"And then we need to use HTML tag itself.",2920,324920,{"text":1090,"duration":1091,"offset":1092},"So here if I write HTML enter, you can see",2949,327839,{"text":1094,"duration":1095,"offset":1096},"we have this opening tag and then we have this",3229,330858,{"text":1098,"duration":1099,"offset":1100},"closing tag.",842,334157,{"text":1102,"duration":1103,"offset":1104},"And if you hover over this, you will get the",2622,335560,{"text":1106,"duration":1107,"offset":1108},"HTML element represents the root of an HTML document.",3158,338241,{"text":1110,"duration":1111,"offset":1112},"So that means we write everything inside this.",2200,341760,{"text":1114,"duration":1115,"offset":1116},"This is the root, this is the part from where",2285,343960,{"text":1118,"duration":1119,"offset":1120},"everything start.",863,346296,{"text":1122,"duration":1123,"offset":1124},"So now we write everything in between this HTML tag.",3640,347640,{"text":1126,"duration":1127,"offset":1128},"So remember the first part we have is our head,",3379,352120,{"text":1130,"duration":1131,"offset":1132},"the second part we have is our body.",2588,355571,{"text":1134,"duration":1135,"offset":1136},"So let me write this head.",1320,358800,{"text":1138,"duration":1139,"offset":1140},"So everything we write inside head will be for our",4093,360560,{"text":1142,"duration":1143,"offset":1144},"head part and everything that we write inside our body",4421,364735,{"text":1146,"duration":1147,"offset":1148},"will be for body part.",1802,369238,{"text":1150,"duration":1151,"offset":1152},"Now you can take this example for humans.",3240,371720,{"text":1154,"duration":1059,"offset":1155},"Also, you can take this example for any other project.",374960,{"text":1157,"duration":893,"offset":1158},"I will be taking certain reference.",377960,{"text":1160,"duration":998,"offset":1161},"But it's better to visualize things practically.",379600,{"text":1163,"duration":1164,"offset":1165},"So that's it.",680,382840,{"text":1167,"duration":889,"offset":1168},"That's the basic structure that we have.",383520,{"text":1170,"duration":1171,"offset":1172},"Now here, once you click on Control S, everything will",4253,386120,{"text":1174,"duration":1175,"offset":1176},"save automatically in format automatically.",3388,390452,{"text":1178,"duration":1179,"offset":1180},"Why?",400,393840,{"text":1182,"duration":1183,"offset":1184},"Because we are using prettier.",1960,394560,{"text":1186,"duration":927,"offset":1187},"Now you can also jump onto the setting.",397360,{"text":1189,"duration":1190,"offset":1191},"Click on the setting and here you can search about",4469,400200,{"text":1193,"duration":1194,"offset":1195},"format and here you will have option to format.",4202,404758,{"text":1197,"duration":1198,"offset":1199},"On save you can check this and you can if",2521,408960,{"text":1201,"duration":1202,"offset":1203},"it's ticked that means it will format.",2337,411543,{"text":1205,"duration":1059,"offset":1206},"If it's unchecked that means it will not format.",413880,{"text":1208,"duration":1209,"offset":1210},"So it totally depend on you and your requirement.",2440,416920,{"text":1212,"duration":971,"offset":1213},"For now let's just tick this.",419560,{"text":1215,"duration":1151,"offset":1216},"So if I save anytime everything will be formatted.",422880,{"text":1218,"duration":1219,"offset":1220},"Currently we don't have any code.",1520,426640,{"text":1222,"duration":1223,"offset":1224},"We are not going to have a good format but",2367,428279,{"text":1226,"duration":1227,"offset":1228},"let's understand this point.",1578,430702,{"text":1230,"duration":1231,"offset":1232},"Let me select this one, click on tab and get",2654,432280,{"text":1234,"duration":1235,"offset":1236},"inside our HTML.",966,434994,{"text":1238,"duration":1239,"offset":1240},"So head is the part where we have all the",3268,436520,{"text":1242,"duration":1243,"offset":1244},"information which is not seen on our web page and",3906,439867,{"text":1246,"duration":1239,"offset":1247},"body is the part which is seen on our web",443853,{"text":864,"duration":1249,"offset":1250},398,447201,{"text":1252,"duration":1253,"offset":1254},"So here if I select head you can see nothing",2207,447800,{"text":1256,"duration":1257,"offset":1258},"is happening but if I select body you can see",2258,450057,{"text":1260,"duration":1261,"offset":1262},"this blue colour is coming.",1355,452365,{"text":1264,"duration":1265,"offset":1266},"You see so this is the content about this whole",3473,454720,{"text":1268,"duration":1269,"offset":1270},"page whereas head contained behind the scene information.",4213,458267,{"text":1272,"duration":1273,"offset":1274},"So if you get here, this is all the information",2517,462960,{"text":1276,"duration":1277,"offset":1278},"which is behind the scene, things that are happening behind",3160,465530,{"text":1280,"duration":1281,"offset":1282},"the scene.",535,468744,{"text":1284,"duration":1209,"offset":1285},"So this is where head come into picture.",469600,{"text":1287,"duration":1288,"offset":1289},"You can call it as containing behind the scene information",3740,472200,{"text":1291,"duration":1292,"offset":1293},"and body is the whole page that we see.",2515,476004,{"text":1295,"duration":1296,"offset":1297},"For example, let me take our own page and here",4526,479160,{"text":1299,"duration":1300,"offset":1301},"let me write H1 tag, press enter and write Shobam",4822,483785,{"text":1303,"duration":1304,"offset":1305},"itself and save.",1574,488705,{"text":1307,"duration":1308,"offset":1309},"If I jump back here, we need to launch our",3326,491120,{"text":1311,"duration":1312,"offset":1313},"server.",555,494525,{"text":1315,"duration":1316,"offset":1317},"It's running.",640,495080,{"text":1319,"duration":1320,"offset":1321},"Let me right click here, click with, open with knife",3154,495880,{"text":1311,"duration":1323,"offset":1324},425,499095,{"text":1326,"duration":1327,"offset":1328},"This is our page.",1080,499960,{"text":1330,"duration":1331,"offset":1332},"So everything that is visible on our page is in",4246,501520,{"text":1334,"duration":1335,"offset":1336},"body part.",903,505856,{"text":1338,"duration":1209,"offset":1339},"Everything else will be inside head.",507200,{"text":1341,"duration":721,"offset":1342},"That means behind the scene information.",509640,{"text":1344,"duration":967,"offset":1345},"So that's the basic start for now.",512720,{"text":1347,"duration":1348,"offset":1349},"Let me delete everything.",2080,515080,{"text":1351,"duration":1352,"offset":1353},"As soon as I remove my content I got an",2657,518480,{"text":1355,"duration":1356,"offset":1357},"error or I should say I got a message that",2863,521205,{"text":1359,"duration":1360,"offset":1361},"there is no head or body.",1703,524136,{"text":1363,"duration":935,"offset":1364},"I hope you got the message.",526360,{"text":1366,"duration":1367,"offset":1368},"Now that our structure is not great, there is some",2684,527520,{"text":1370,"duration":1371,"offset":1372},"issue with our structure.",1342,530257,{"text":1374,"duration":1375,"offset":1376},"So this is a warning by live server itself.",2520,531800,{"text":1378,"duration":1379,"offset":1380},"Now to start my setup all I need to use",3949,535240,{"text":1382,"duration":1383,"offset":1384},"is our!",709,539291,{"text":1386,"duration":1087,"offset":1387},"And then click on enter, you can see this emit.",540720,{"text":1389,"duration":1390,"offset":1391},"This is by VS Code itself.",1800,544000,{"text":1393,"duration":1394,"offset":1395},"So if I enter now this is the boilerplate code.",4840,545800,{"text":1397,"duration":1398,"offset":1399},"That means the common code that we need every time",3153,550760,{"text":1401,"duration":1360,"offset":1402},"to work with our HTML code.",553976,{"text":1404,"duration":955,"offset":1405},"So this is the basic code.",556200,{"text":1407,"duration":1408,"offset":1409},"This is the basic setup that we need every time",2727,557640,{"text":1411,"duration":1412,"offset":1413},"we create an HTML file.",1334,560425,{"text":1415,"duration":1416,"offset":1417},"And that's why we call this as boilerplate.",2400,561880,{"text":1419,"duration":919,"offset":1420},"And that's why we have these shortcuts.",564520,{"text":1422,"duration":1423,"offset":1424},"Let me save this one.",1040,567040,{"text":1426,"duration":1423,"offset":1427},"Everything is set up.",568440,{"text":1429,"duration":1430,"offset":1431},"And since we are using pretair, you can see automatically",3070,569720,{"text":1433,"duration":1434,"offset":1435},"there is a space.",915,572844,{"text":1437,"duration":1438,"offset":1439},"We don't require that but it's good to visualize and",2906,574120,{"text":1441,"duration":1442,"offset":1443},"improve readability.",1118,577082,{"text":1445,"duration":923,"offset":1446},"This is our head and this is our body now.",578760,{"text":1448,"duration":1449,"offset":1450},"Now you will see certain information inside our head that",3361,581640,{"text":1452,"duration":1453,"offset":1454},"these are some meta.",1180,585060,{"text":1456,"duration":1457,"offset":1458},"Then there is some title and let me add H1",3150,586440,{"text":1460,"duration":1461,"offset":1462},"tag here with my body itself opening and closing tag.",3975,589665,{"text":1464,"duration":955,"offset":1465},"Then write shubham.",594040,{"text":1467,"duration":1468,"offset":1469},"For now, let me save.",4520,595480,{"text":1471,"duration":1183,"offset":1472},"Right click open with life server.",600800,{"text":1474,"duration":1475,"offset":1476},"You can say it's working fine.",1600,603640,{"text":1478,"duration":1479,"offset":1480},"And now in the previous run, we had title as",3772,605559,{"text":1482,"duration":1483,"offset":1484},"this index.",943,609417,{"text":1486,"duration":1487,"offset":1488},"So this is basically the title part which we see",2783,610440,{"text":1490,"duration":1491,"offset":1492},"at the top.",638,613281,{"text":1494,"duration":967,"offset":1495},"So it was something of our URL itself.",614320,{"text":1497,"duration":1498,"offset":1499},"Now our title is document and this is our body",3113,616800,{"text":1501,"duration":1502,"offset":1503},"part.",338,619981,{"text":1178,"duration":1505,"offset":1506},480,620640,{"text":1508,"duration":1416,"offset":1509},"Because inside our head we have this title.",621560,{"text":1511,"duration":971,"offset":1512},"I hope you got the basic idea.",624680,{"text":1514,"duration":1515,"offset":1516},"Don't worry, we are going to discuss about this in",2493,626640,{"text":1518,"duration":1519,"offset":1520},"depth in the next lecture.",1296,629183,{"text":1522,"duration":1523,"offset":1524},"But this is the basic idea.",1760,630480,{"text":1526,"duration":1527,"offset":1528},"So title is basically the text that we are going",3381,633920,{"text":1530,"duration":1531,"offset":1532},"to see on the top of the browser or on",2677,637371,{"text":1534,"duration":1535,"offset":1536},"the Google search itself.",1761,640118,{"text":1538,"duration":1348,"offset":1539},"I will be discussing about this in next lecture.",642000,{"text":1541,"duration":1542,"offset":1543},"Now I hope you got the basic idea about HTML",2718,644080,{"text":1545,"duration":1546,"offset":1547},"structure and how we are going to utilize it.",2780,646860,{"text":1549,"duration":1550,"offset":1551},"We have this doc type to inform that we are",2721,650080,{"text":1553,"duration":1554,"offset":1555},"going to use HTML, that this documentation is of HTML",3355,652865,{"text":1557,"duration":1558,"offset":1559},"type.",317,656283,{"text":1561,"duration":1209,"offset":1562},"Then we have our HTML element.",656960,{"text":1564,"duration":927,"offset":1565},"Everything is inside this HTML tag.",659720,{"text":1567,"duration":1568,"offset":1569},"Then we have these two-part, everything behind the scene information",4148,662440,{"text":1571,"duration":1572,"offset":1573},"stored in head and everything that we see on web",2928,666649,{"text":1575,"duration":1576,"offset":1577},"pages stored in body.",1281,669638,{"text":1579,"duration":1580,"offset":1581},"These are the tags which require opening and closing.",3040,671240,{"text":1583,"duration":1584,"offset":1585},"But if you see this meta just doesn't have any",3095,674559,{"text":1587,"duration":1588,"offset":1589},"closing tag, right?",1279,677721,{"text":1591,"duration":1592,"offset":1593},"So let us discuss about this whole thing, this head",3136,679600,{"text":1595,"duration":1596,"offset":1597},"thing, this meta and these titles in the next lecture.",3321,682798,{"text":1599,"duration":1600,"offset":1601},"Now till then I strongly recommend create a HTML file",3307,686120,{"text":1603,"duration":1604,"offset":1605},"do all these stuff so you will get basic idea",2808,689489,{"text":1607,"duration":901,"offset":1608},"and you will understand how this is going to work.",692360,{"text":1610,"duration":1219,"offset":1611},"I hope this lecture was helpful.",696200,{"text":1613,"duration":1614,"offset":1615},"Thank you for following and I see you guys in",2196,697840,{"text":1617,"duration":1618,"offset":1619},"the next one.",635,700085,{"summary":1621,"sections":1622,"learningObjectives":1671,"keyConcepts":1680,"videoTags":1684},"This video tutorial introduces HTML, explaining its role in structuring web content. It covers the basic structure of an HTML page, including the doctype, head, and body tags. The tutorial also discusses different types of HTML tags, attributes, and how to create a basic HTML document using VS Code. Additionally, it demonstrates the use of Prettier for formatting and Live Server for live preview. The concept of boilerplate code and meta tags is also introduced.",[1623,1632,1641,1650,1656,1664],{"title":1624,"start":630,"end":754,"description":1625,"tags":1626},"Introduction to HTML","Overview of HTML and its role in web structure.",[1627,1628,1629,1630,1631],"HTML","web structure","introduction","inspect element","developer tools",{"title":1633,"start":758,"end":830,"description":1634,"tags":1635},"HTML Page Structure","Exploring the basic structure of an HTML page.",[1636,1637,1638,1639,1640],"HTML structure","doctype","head","body","tags",{"title":1642,"start":834,"end":995,"description":1643,"tags":1644},"HTML Tags and Attributes","Understanding HTML tags, attributes, and their types.",[1645,1646,1647,1648,1649],"HTML tags","attributes","self-closing tags","H1 tag","content structure",{"title":1651,"start":999,"end":1168,"description":1652,"tags":1653},"Creating an HTML Document","Steps to create a basic HTML document.",[1654,1637,1638,1639,1655],"HTML document","VS Code",{"title":1657,"start":1172,"end":1372,"description":1658,"tags":1659},"Using Prettier and Live Server","Formatting and live preview with Prettier and Live Server.",[1660,1661,1662,1655,1663],"Prettier","Live Server","formatting","web development",{"title":1665,"start":1380,"end":1619,"description":1666,"tags":1667},"Boilerplate Code and Meta Tags","Introduction to boilerplate code and meta tags in HTML.",[1668,1669,1670,1655,1663],"boilerplate code","meta tags","HTML setup",[1672,1673,1674,1675,1676,1677,1678,1679],"Understand HTML structure","Use inspect element","Identify HTML tags","Create HTML document","Use Prettier","Use Live Server","Understand meta tags","Use VS Code",[1636,1645,1681,1682,1683],"Document creation","Prettier formatting","Boilerplate code",{"keyTags":1685,"pedagogicalTags":1688},[1627,1663,1655,1686,1687],"beginner","tutorial",[1689,1690,1691],"demonstration","practical learning","step-by-step","2025-01-29T13:03:51.426Z","2025-01-29T13:03:51.923Z","60919f6b27f749001c9a4bd7","2024-12-31T17:30:18.925Z","2025-01-29T13:03:51.933Z","ENABLED","2025-06-18T04:38:30.439Z",{"service":1700,"version":1701},"quizserver","75fecd1_e8wllwj7",{"success":5,"data":1703,"time":1820},{"countryBasedRecommendations":1704,"subjectBasedRecommendations":1754,"subjectBasedQualifiers":1789},[1705,1711,1717,1723,1729,1735,1741,1747],{"id":1706,"quizId":1707,"country":92,"lowerGrade":26,"upperGrade":26,"quizRank":26,"subject":101,"quizImage":1708,"quizName":1709,"quizType":1710,"noOfQuestions":98,"noOfSlides":82},"684961d5a293b51a6177db15","659d41ce4a5f3a82d5834c4b","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/97aba745-cd7c-46a2-89ff-f15c632d8476-v2","Chains by Laurie Halse Anderson Chapters 1-3 Quiz","quiz",{"id":1712,"quizId":1713,"country":92,"lowerGrade":177,"upperGrade":177,"quizRank":18,"subject":100,"quizImage":1714,"quizName":1715,"quizType":1710,"noOfQuestions":1716,"noOfSlides":82},"681b3d4157eb054dc78897d7","5eb6b09814673d001fce783c","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/6b5cea0a-7a36-440e-9f72-910e5dd289b2","math review",20,{"id":1718,"quizId":1719,"country":92,"lowerGrade":177,"upperGrade":177,"quizRank":18,"subject":101,"quizImage":1720,"quizName":1721,"quizType":1710,"noOfQuestions":1722,"noOfSlides":82},"684961d5a293b51a6177db29","5fd24190446546001b8943eb","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/3d95930b-05ba-4eed-8bba-c3d3adab19a1","Character Analysis",15,{"id":1724,"quizId":1725,"country":92,"lowerGrade":26,"upperGrade":26,"quizRank":63,"subject":100,"quizImage":1726,"quizName":1727,"quizType":1710,"noOfQuestions":1728,"noOfSlides":82},"684961d5a293b51a6177db91","5f2ac7ac33cbd3001d631ed5","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/74a379ae-490f-4f21-ac3f-579f0feb1b87","Multiplying Fractions",12,{"id":1730,"quizId":1731,"country":92,"lowerGrade":97,"upperGrade":97,"quizRank":1732,"subject":102,"quizImage":153,"quizName":1733,"quizType":1710,"noOfQuestions":1734,"noOfSlides":82},"684961d5a293b51a6177dbcb","68262053608ae2fc2895a1b4",14,"Biology Regents Review #1",30,{"id":1736,"quizId":1737,"country":92,"lowerGrade":55,"upperGrade":55,"quizRank":1732,"subject":1738,"quizImage":1739,"quizName":1740,"quizType":1710,"noOfQuestions":1716,"noOfSlides":82},"67f75217bd773214f4c08ea2","5e94b04b49e5d9001b0b0729","Other","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/a60fb278-3a36-49a1-978b-9308c9b21e4d","Reading Comprehension",{"id":1742,"quizId":1743,"country":92,"lowerGrade":97,"upperGrade":1728,"quizRank":1722,"subject":1744,"quizImage":1745,"quizName":1746,"quizType":1710,"noOfQuestions":1716,"noOfSlides":82},"67f75217bd773214f4c08c5b","5a95acd414c10f001bdc5bc1","Life Skills","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/297e5535-e985-4c5e-82c5-c8021323ba19","Types of Credit",{"id":1748,"quizId":1749,"country":92,"lowerGrade":97,"upperGrade":1728,"quizRank":1750,"subject":102,"quizImage":1751,"quizName":1752,"quizType":1710,"noOfQuestions":1753,"noOfSlides":82},"684961d5a293b51a6177dbd9","683fb9756f1d6dc244f8f2b3",16,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f56a63b9-a449-4e32-9855-4fe19a0879c4-v2","Biology Regents Review: Structure & Function",50,[1755,1762,1769,1774,1782],{"id":1756,"quizId":1757,"country":92,"lowerGrade":82,"upperGrade":1758,"quizRank":1759,"subject":100,"quizImage":1760,"quizName":1761,"quizType":1710,"noOfQuestions":98,"noOfSlides":82},"684961d5a293b51a6177db9d","5f7f313ed420ff001b53ce86",13,26,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/990cc664-b458-4135-afa0-c385c7d3fad6","Identifying equations",{"id":1763,"quizId":1764,"country":92,"lowerGrade":129,"upperGrade":1732,"quizRank":1765,"subject":1766,"quizImage":1767,"quizName":1768,"quizType":1710,"noOfQuestions":1750,"noOfSlides":82},"684961d5a293b51a6177dbca","6631337b675a2a85e12ac63d",77,"Professional Development","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/51771aa4-4312-4322-b736-7bc90ea54bf6","Chapter 8 - Getting Along with your Supervisor",{"id":1770,"quizId":1771,"country":92,"lowerGrade":1758,"upperGrade":1758,"quizRank":1772,"subject":102,"quizImage":153,"quizName":1773,"quizType":1710,"noOfQuestions":26,"noOfSlides":82},"68402741814a8b60929e92aa","683e638c2ddc4e75d4f35494",316,"Railroad Operations and Classifications Quiz",{"id":1775,"quizId":1776,"country":92,"lowerGrade":129,"upperGrade":1758,"quizRank":1777,"subject":1778,"quizImage":1779,"quizName":1780,"quizType":1710,"noOfQuestions":1781,"noOfSlides":82},"684961d5a293b51a6177db49","60088bc4d0b012001b687b25",335,"Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/18fc307e-dbd8-4443-a0c3-2252f5cbf863","Logos",71,{"id":1783,"quizId":1784,"country":92,"lowerGrade":1758,"upperGrade":1758,"quizRank":1785,"subject":1786,"quizImage":1787,"quizName":1788,"quizType":1710,"noOfQuestions":18,"noOfSlides":82},"68402741814a8b60929e92ac","627ab6b9fa3160001d7455aa",752,"Social Studies","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/b43972a3-db51-4976-8b10-f1f759cc327a","Mali - Geography",[1790,1793,1796,1799,1802,1805,1808,1811,1814,1817],{"path":1791,"display":1792},"/science/physics/energy-and-thermodynamics/thermodynamics","Thermodynamics",{"path":1794,"display":1795},"/social-studies/comparative-government-and-politics/country-studies/authoritarian-systems/russia","Russia",{"path":1797,"display":1798},"/foreign-language/german/advanced-german-literature","Advanced German literature",{"path":1800,"display":1801},"/math/geometry/basic-geometry/geometric-elements/drawing-and-identifying-geometric-elements","Drawing and identifying geometric elements",{"path":1803,"display":1804},"/math/statistics-and-probability/probability/random-variables-and-expected-value/calculating-expected-values-in-decision-making/comparing-strategies-via-expected-values","Comparing Strategies via Expected Values",{"path":1806,"display":1807},"/math/algebra/linear-equations-one-variable/applications-of-equations/solving-multi-step-problems-using-linear-equations-in-one-variable/solving-linear-equations-in-one-variable-with-variables-on-both-sides-of-the-equation","Solving linear equations in one variable with variables on both sides of the equation",{"path":1809,"display":1810},"/math/geometry/area-and-volume/volume/volume-concepts-and-formulas/cavalieris-principle-volume-formulas-argument","Cavalieri's Principle: Volume Formulas Argument",{"path":1812,"display":1813},"/social-studies/economics/personal-economics/money/using-money/saving-and-sharing","Saving and sharing",{"path":1815,"display":1816},"/math/measurement-and-data/measurement-concepts/length/word-problems-with-length","Word problems with length",{"path":1818,"display":1819},"/career-technical/skills-development/problem-solving-methods","Problem-solving methods","2025-06-18T04:38:30.628395032Z",{"success":5,"data":1822,"time":1872},{"quizzes":1823,"total":1870,"timeTaken":1871,"experiment":73,"source":74},[1824,1833,1840,1847,1854,1858,1862,1866],{"id":1825,"isSuper":10,"type":11,"info":1826,"shouldIndex":10,"stats":1830},"67779183d2d93e05c7747be6",{"grade":1827,"name":1828,"slug":1828,"image":1829},[14,14],"The Full Stack Web Development - Course Introduction: Introduction","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/afd97b94-b42a-43e4-9cd1-4eb51879f290-v2",{"played":177,"totalPlayers":1831,"totalCorrect":1832,"totalQuestions":18},72,188,{"id":1834,"isSuper":10,"type":11,"info":1835,"shouldIndex":10,"stats":1839},"67ae37fe8615a7d511cc59d9",{"grade":1836,"name":1837,"slug":1837,"image":1838},[14,14],"Practical CSS3 Mastery Course - Your First HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/9413c640-afab-4939-ae8d-7a0c889cb64f-v2",{"totalQuestions":63},{"id":1841,"isSuper":10,"type":11,"info":1842,"shouldIndex":10,"stats":1846},"67b21f28cb9d6bdef101860f",{"grade":1843,"name":1844,"slug":1844,"image":1845},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - \u003Cviewport> Meta Tag in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/146b018a-679b-42c0-9545-c99e42a0ee2c-v2",{"totalQuestions":18},{"id":1848,"isSuper":10,"type":11,"info":1849,"shouldIndex":10,"stats":1853},"67757dadece1855b6758414c",{"grade":1850,"name":1851,"slug":1851,"image":1852},[14,14],"Modern JavaScript from the Beginning - Second Edition - The Sandbox Files","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d7fe992e-801c-413d-97d4-afbc8113c7e9-v2",{"totalQuestions":26},{"id":50,"isSuper":10,"type":11,"info":1855,"shouldIndex":10,"stats":1857},{"grade":1856,"name":38,"slug":38,"image":53},[14,14],{"totalQuestions":55},{"id":65,"isSuper":10,"type":11,"info":1859,"shouldIndex":10,"stats":1861},{"grade":1860,"name":68,"slug":68,"image":69},[14,14],{"totalQuestions":18},{"id":9,"isSuper":10,"type":11,"info":1863,"shouldIndex":10,"stats":1865},{"grade":1864,"name":15,"slug":15,"image":16},[14,14],{"totalQuestions":18},{"id":28,"isSuper":10,"type":11,"info":1867,"shouldIndex":10,"stats":1869},{"grade":1868,"name":31,"slug":31,"image":32},[14,14],{"totalQuestions":18},16864,25,"2025-06-18T04:38:30.628929494Z",["Reactive",1874],{},["Set"],["ShallowReactive",1877],{"vcVyCglT3x":83,"nGSXwo5ens":83,"ww47725UiD":83,"rLTxlWEZc0":83},"/admin/video-quiz/67742a2ad787a71f91c9ccf1/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-html-introduction","none",{"ssr_adp-v2":1881},"var-1"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",endpoints:{quizUrl:"https://services-internal-quiz.quizizz.com/_quizserver/adminv3ssr/v2/quiz",apiUrl:"https://quizizz.com/_api/rpc",autoCompleteUrl:"https://quizizz.com/_autocomserver/main",publicQuizUrl:"https://quizizz.com/_quizserver/main/v2/quiz",recommendationUrl:"https://search-internal.quizizz.com/_sserverv2/main/common/quizPageRecV3",joinUrl:"https://quizizz.com/join",quizPreviewUrl:"https://quizizz.com/signup/qdp",mlprocessorUrl:"https://quizizz.com/_mlprocessor/main",baseUrl:"https://quizizz.com",boclipsUrl:"https://quizizz.com/_quizserver/main/v2/boclips/video",categoryPagesUrl:"https://quizizz.com/_scserver/main/public/v1/category-pages",cdnBasePath:"https://cf.quizizz.com",searchServiceUrl:"https://quizizz.com/_sserverv2/main",schoolServiceUrl:"https://services-internal.quizizz.com/_scserver/main"},enablePseudoLocale:false,apiBase:"/nuxtssr/worker",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:true},gtag:{id:"G-NYFWYHHSPY"},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:"8fdec6bc-430d-4bfb-8a51-754bc52735ab",buildAssetsDir:"_nuxtssr/main",cdnURL:"https://cf.quizizz.com"}}</script></body></html>