Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout

Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

This video tutorial covers the basics of creating a valid HTML5 document. It starts with renaming an HTML file for better organization, explains the importance of the doctype declaration, and outlines the fundamental structure of an HTML document, including the head and body tags. The tutorial also demonstrates how to add a title and content to the document and how to create comments in HTML. The video concludes with a preview of the next tutorial, which will provide tips and tricks for using VS Code efficiently.

Read more

7 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Why is it important to rename HTML files with descriptive names?

To organize them for easy reference

To increase their loading speed

To ensure they are recognized by browsers

To make them look professional

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the HTML5 doctype declaration?

To style the HTML page

To declare the document type to the browser

To add metadata to the page

To link external resources

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag is used to wrap the entire content of an HTML 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><body></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"><!--[--><!--[-->4. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-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> tag in an HTML document?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-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 display content in the browser</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 contain metadata and links to 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 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 create a footer for the 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" 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>Where should the title of an HTML document be placed?</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>Inside a <footer> 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>Inside the <html> 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>Inside the <head> 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>Inside the <body> 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>How can you create a comment 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>Using #</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>Using //</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>Using /* and */</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>Using <!-- and --></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->7. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>What is the purpose of comments 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 increase the page's loading speed</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 notes for developers without displaying them</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 hide content from the browser</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 add visible notes to the webpage</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></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/67f6f00e829f6d624450048c/html-tutorial-for-beginners2022-introduction-and-create-an-html-document" data-testid="activity-recommendation-card-67f6f00e829f6d624450048c" 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) - Introduction and Create an HTML Document" 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.64k4j4va92j" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->HTML Tutorial for Beginners(2022) - Introduction and Create an HTML Document<!--]--><!--]--><!--]--></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/67ae46c4c88da6e7afa9904d/modern-web-design-with-html5-css3-and-javascript-social-profile-linking-exercise" data-testid="activity-recommendation-card-67ae46c4c88da6e7afa9904d" 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 - Social Profile Linking Exercise" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-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.o4jlzycmmy" 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 - Social Profile Linking Exercise<!--]--><!--]--><!--]--></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/6775645c9d9825c5bd2d1c17/modern-web-design-with-html5-css3-and-javascript-setting-up-html-for-webpage" data-testid="activity-recommendation-card-6775645c9d9825c5bd2d1c17" 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 - Setting up HTML for Webpage" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-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.267y1s60f8t" 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 - Setting up HTML for Webpage<!--]--><!--]--><!--]--></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/67ae4684884469171de2ed64/modern-web-design-with-html5-css3-and-javascript-creating-an-html-template" data-testid="activity-recommendation-card-67ae4684884469171de2ed64" 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.8r2fv4fvu5p" 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><a href="/admin/video-quiz/67ae3d2100b58ae878900eb7/html-tutorial-for-beginners2022-add-links-on-a-web-page" data-testid="activity-recommendation-card-67ae3d2100b58ae878900eb7" 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) - Add Links on a Web Page" 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.3c1l3oj1wd4" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->HTML Tutorial for Beginners(2022) - Add Links on a Web Page<!--]--><!--]--><!--]--></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/67b73c68a61802d604ed0dd2/html-tutorial-for-beginners2022-insert-image-in-a-web-page" data-testid="activity-recommendation-card-67b73c68a61802d604ed0dd2" 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) - Insert Image in a Web Page" 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.ov5q769pism" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->HTML Tutorial for Beginners(2022) - Insert Image in a Web Page<!--]--><!--]--><!--]--></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/67b6ffd05d84f8b9f427bd02/modern-html-and-css-from-the-beginning-including-sass-doctype-basic-layout" data-testid="activity-recommendation-card-67b6ffd05d84f8b9f427bd02" 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 HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-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"><!----> 4 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.t0a7c9sz7ge" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout<!--]--><!--]--><!--]--></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/67b702ed8dd4ad63e5581e4a/html-tutorial-for-beginners2022-add-links-on-a-web-page" data-testid="activity-recommendation-card-67b702ed8dd4ad63e5581e4a" 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) - Add Links on a Web Page" 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"><!----> 3 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.up5tz48gqlc" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->HTML Tutorial for Beginners(2022) - Add Links on a Web Page<!--]--><!--]--><!--]--></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/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.mn633hzhwk" 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/663130398706efb7b94eb2bb/chapter-12-doing-the-right-thing" data-testid="activity-popular-resource-card-663130398706efb7b94eb2bb" 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 12 - Doing the Right Thing" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-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"><!----> 17 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.vkzfhf0ya" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Chapter 12 - Doing the Right Thing<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-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/5ec40dbb5a8f86001b6020fc/american-flag" data-testid="activity-popular-resource-card-5ec40dbb5a8f86001b6020fc" 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="American Flag" 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.rgo4o3udk8" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->American Flag<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-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><!--[--><!--[-->1st - 2nd Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5e94b04b49e5d9001b0b0729/reading-comprehension" data-testid="activity-popular-resource-card-5e94b04b49e5d9001b0b0729" data-v-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.ee3xzmrkag9" 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/6470c4b3c1c426001fee1cba/linear-inequalities" data-testid="activity-popular-resource-card-6470c4b3c1c426001fee1cba" 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="Linear Inequalities" 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.2gyxlao3byq" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Linear Inequalities<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-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/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.svv4y1w0lz" 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/6846ffd78770c495bf9afa79/full-steam-ahead-summer-academy-pre-test-24-25" data-testid="activity-popular-resource-card-6846ffd78770c495bf9afa79" 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 S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-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"><!----> 18 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.al0p9k59tkw" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-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/56b0d2db0e6f4514362d45e9/misplaced-and-dangling-modifiers" data-testid="activity-popular-resource-card-56b0d2db0e6f4514362d45e9" 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="Misplaced and Dangling Modifiers" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-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"><!----> 14 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.sz9ftluhakb" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Misplaced and Dangling Modifiers<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-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 - 8th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><!--[--><!--[--><button type="button" aria-label="chevron-right" class="!bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-success-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div><!--]--><!--]--></div><h2 class="text-header-base font-semibold"><!--[-->Discover more resources for Information Technology (IT)<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/quiz/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.m8yo0f78pwo" 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.cg9g1lufc39" 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/5913b7aa8590481000eeefc9/logos" data-testid="activity-subject-resource-card-5913b7aa8590481000eeefc9" 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"><!----> 44 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.9h2jnnxwzr6" 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><!--[--><!--[-->KG - University<!--]--><!--]--></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.nvudeaixfx" 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><!--]--><!--]--><!--]--></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/social-studies/history/historical-events-and-holidays/holidays-and-celebrations/national-holidays/presidents-day" 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"><!--[--><!--[-->Presidents' Day<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Presidents' Day-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/geometry/two-dimensional-shapes/triangles/classifying-by-angles" 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"><!--[--><!--[-->Classifying by angles<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Classifying by angles-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/social-studies/social-studies-practices/research-skills/public-services/government-services" 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"><!--[--><!--[-->Government services<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Government services-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/reading/literature/literary-analysis/main-idea-and-central-themes/recognize-supporting-details" 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"><!--[--><!--[-->Recognize supporting details<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Recognize supporting details-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/social-studies/economics/macroeconomics/fiscal-and-monetary-policy/government-spending-and-taxation" 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"><!--[--><!--[-->Government Spending and Taxation<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Government Spending and Taxation-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/language/mechanics/punctuation/apostrophes-in-contractions" 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"><!--[--><!--[-->Apostrophes in contractions<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Apostrophes in contractions-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/algebra/equations/linear-equations/multi-variable-linear-equations/solving-system-of-equations/solving-system-of-equations" 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"><!--[--><!--[-->Solving system of equations<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Solving system of equations-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/statistics-and-probability/bivariate-statistics/two-way-tables/identifying-and-interpreting-patterns-of-association/investigating-patterns-in-scatter-plots" 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"><!--[--><!--[-->Investigating patterns in scatter plots<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Investigating patterns in scatter plots-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/biology/physiology/pathophysiology/metabolic-disorders" 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"><!--[--><!--[-->Metabolic disorders<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Metabolic disorders-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/statistics-and-probability/probability/expected-value/developing-probability-distribution-expected-value" 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"><!--[--><!--[-->Developing Probability Distribution & Expected Value<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Developing Probability Distribution & Expected Value-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":1326,"once":1328,"_errors":1329,"serverRendered":5,"path":1331,"country":92,"region":1332,"nuxtSsrFeatureFlags":1333},["ShallowReactive",3],{"sfyHgFmyDM":4,"hw5TE1Lch7":76,"FvnYLV5XGA":1164,"A2gnFhLaX2":1280},{"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},"67f6f00e829f6d624450048c",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","HTML Tutorial for Beginners(2022) - Introduction and Create an HTML Document","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5c68b70f-ad5b-4866-9606-5d5b4731eae6-v2",{"totalQuestions":18},2,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67ae46c4c88da6e7afa9904d",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Social Profile Linking Exercise","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e946a5c3-cae7-47f4-bac5-1542a480084d-v2",{"totalQuestions":26},6,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"6775645c9d9825c5bd2d1c17",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up HTML for Webpage","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fb756a1b-2fee-4d1f-8d75-abd099868544-v2",{"totalQuestions":26},{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":40},"67ae4684884469171de2ed64",{"grade":37,"name":38,"slug":38,"image":39},[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/93ce89a1-886e-4506-83cc-0ed99c6067b7-v2",{"totalQuestions":41},8,{"id":43,"isSuper":10,"type":11,"info":44,"shouldIndex":10,"stats":48},"67ae3d2100b58ae878900eb7",{"grade":45,"name":46,"slug":46,"image":47},[14,14],"HTML Tutorial for Beginners(2022) - Add Links on a Web Page","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0c468bae-d801-4dd2-8629-525be54b6ae1-v2",{"totalQuestions":26},{"id":50,"isSuper":10,"type":11,"info":51,"shouldIndex":10,"stats":55},"67b73c68a61802d604ed0dd2",{"grade":52,"name":53,"slug":53,"image":54},[14,14],"HTML Tutorial for Beginners(2022) - Insert Image in a Web Page","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e686a129-a0ca-47a2-a7c7-399df92f5b99-v2",{"totalQuestions":26},{"id":57,"isSuper":10,"type":11,"info":58,"shouldIndex":10,"stats":62},"67b6ffd05d84f8b9f427bd02",{"grade":59,"name":60,"slug":60,"image":61},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/c0ea571f-4cfe-4184-9c0c-f4c0eb3d15ab-v2",{"totalQuestions":63},4,{"id":65,"isSuper":10,"type":11,"info":66,"shouldIndex":10,"stats":69},"67b702ed8dd4ad63e5581e4a",{"grade":67,"name":46,"slug":46,"image":68},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/be550680-7b91-46fb-921b-2e97a46caad5-v2",{"totalQuestions":70},3,513714,63,"quizPageRecoPublicSearch","recommended_search","2025-06-20T10:15:03.280114735Z",{"success":5,"message":77,"data":78,"time":1160,"meta":1161},"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":1156,"createdAt":1157,"updated":1158,"premiumUse":1159,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":83,"lock":83},[],{"played":82,"totalPlayers":82,"totalCorrect":82,"totalQuestions":82},0,null,"6799d26efeed54c3493027e2","6773f997ac7f8e78aff7679b",{"_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,41,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":116,"topics":119,"subtopics":120,"grade":121,"gradeLevel":83,"deleted":10,"pref":122,"traits":123,"standardIds":125,"__v":70,"meta":126,"_id":84,"name":60,"image":127,"questions":128,"questionDrafts":486,"standards":83,"courses":83,"interactiveVideoProps":487,"createdAt":1154,"updated":1155,"isProfane":10,"whitelisted":5,"slug":60},{"6773f9a15ecc693a329f9409":106,"6773f9a15ecc693a329f940a":108,"6773f9a15ecc693a329f940b":110,"6773f9a15ecc693a329f940c":111,"6773f9a15ecc693a329f940d":112,"6773f9a15ecc693a329f940e":113,"6773f9a15ecc693a329f940f":114,"6773f9a15ecc693a329f9410":115},{"time":107},900000,{"time":109},30000,{"time":109},{"time":109},{"time":109},{"time":109},{"time":109},{"time":109},[117,118],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":83},{"isQuizWithoutCorrectAnswer":10,"totalSlides":82,"totalComprehensionQuestions":124,"nonAnswerableQuestions":124},1,[],{"slot":83,"experiment":83},"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a13828e0-f696-47a7-9f2d-2fcef03cb328-v2",[129,184,230,273,316,358,400,444],{"structure":130,"standards":170,"topics":171,"isSuperParent":10,"standardIds":172,"aiGenerated":10,"__v":63,"teleportFrom":83,"cloned":83,"ver":70,"parent":83,"_id":173,"time":107,"published":5,"aiCreateMeta":83,"type":131,"comprehensionQuestionIds":174,"createdAt":182,"updated":183},{"kind":131,"answer":132,"settings":133,"marks":135,"query":136,"options":151,"explain":152,"theme":156,"graphs":165,"hints":166,"order":167,"hasMath":10,"media":168,"elements":169},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":82,"incorrect":82},{"answerTime":137,"math":138,"type":83,"hasMath":10,"media":140,"text":149,"_id":150},-1,{"latex":139,"template":83},[],[141],{"type":142,"meta":143},"video",{"duration":144,"endTime":144,"startTime":82,"videoId":145,"src":146,"thumbnail":147,"filmstrip":148},468,"63737cbdda1497750e1fef92","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_mxauukd1/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_mxauukd1/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","6773f9a193794493b89f5f40",[],{"math":153,"type":149,"hasMath":10,"media":155,"text":149},{"latex":154,"template":83},[],[],{"titleFontFamily":157,"fontFamily":157,"fontColor":158,"background":160,"shape":162},"Quicksand",{"text":159},"#5D2057",{"color":161,"image":149,"video":149},"#FFFFFF",{"largeShapeColor":163,"smallShapeColor":164},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],"6773f9a15ecc693a329f9409",[175,176,177,178,179,180,181],"6773f9a15ecc693a329f940a","6773f9a15ecc693a329f940b","6773f9a15ecc693a329f940c","6773f9a15ecc693a329f940d","6773f9a15ecc693a329f940e","6773f9a15ecc693a329f940f","6773f9a15ecc693a329f9410","2024-12-31T14:03:13.642Z","2025-01-29T07:02:06.826Z",{"structure":185,"standards":225,"topics":226,"isSuperParent":10,"standardIds":227,"aiGenerated":5,"__v":70,"teleportFrom":83,"cloned":83,"ver":18,"parent":83,"_id":175,"time":109,"published":5,"aiCreateMeta":83,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":228,"createdAt":229,"updated":183},{"settings":186,"hasMath":10,"query":187,"options":193,"explain":218,"hints":222,"kind":223,"marks":224,"answer":82},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":189,"answerTime":137,"text":191,"media":192},"text",{"latex":190,"template":83},[],"\u003Cp>Why is it important to rename HTML files with descriptive names?\u003C/p>",[],[194,200,206,212],{"type":188,"hasMath":10,"math":195,"answerTime":82,"id":197,"text":198,"media":199,"_id":197},{"latex":196,"template":83},[],"6773f9a16a6a6cf73c2abb35","\u003Cp>To organize them for easy reference\u003C/p>",[],{"type":188,"hasMath":10,"math":201,"answerTime":82,"id":203,"text":204,"media":205,"_id":203},{"latex":202,"template":83},[],"6773f9a16a6a6c7ff22abb36","\u003Cp>To increase their loading speed\u003C/p>",[],{"type":188,"hasMath":10,"math":207,"answerTime":82,"id":209,"text":210,"media":211,"_id":209},{"latex":208,"template":83},[],"6773f9a16a6a6cf7732abb37","\u003Cp>To ensure they are recognized by browsers\u003C/p>",[],{"type":188,"hasMath":10,"math":213,"answerTime":82,"id":215,"text":216,"media":217,"_id":215},{"latex":214,"template":83},[],"6773f9a16a6a6ce7052abb38","\u003Cp>To make them look professional\u003C/p>",[],{"type":188,"text":149,"media":219,"hasMath":10,"math":220,"answerTime":82},[],{"template":83,"latex":221},[],[],"MCQ",{"correct":124,"incorrect":82},[],[],[],61,"2024-12-31T14:03:13.662Z",{"structure":231,"standards":269,"topics":270,"isSuperParent":10,"standardIds":271,"aiGenerated":5,"__v":70,"teleportFrom":83,"cloned":83,"ver":18,"parent":83,"_id":176,"time":109,"published":5,"aiCreateMeta":83,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":272,"createdAt":229,"updated":183},{"settings":232,"hasMath":10,"query":233,"options":238,"explain":263,"hints":267,"kind":223,"marks":268,"answer":124},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":234,"answerTime":137,"text":236,"media":237},{"latex":235,"template":83},[],"\u003Cp>What is the purpose of the HTML5 doctype declaration?\u003C/p>",[],[239,245,251,257],{"type":188,"hasMath":10,"math":240,"answerTime":82,"id":242,"text":243,"media":244,"_id":242},{"latex":241,"template":83},[],"6773f9a16a6a6ceaab2abb3c","\u003Cp>To style the HTML page\u003C/p>",[],{"type":188,"hasMath":10,"math":246,"answerTime":82,"id":248,"text":249,"media":250,"_id":248},{"latex":247,"template":83},[],"6773f9a16a6a6cf9b22abb3d","\u003Cp>To declare the document type to the browser\u003C/p>",[],{"type":188,"hasMath":10,"math":252,"answerTime":82,"id":254,"text":255,"media":256,"_id":254},{"latex":253,"template":83},[],"6773f9a16a6a6c26772abb3e","\u003Cp>To add metadata to the page\u003C/p>",[],{"type":188,"hasMath":10,"math":258,"answerTime":82,"id":260,"text":261,"media":262,"_id":260},{"latex":259,"template":83},[],"6773f9a16a6a6c3ecf2abb3f","\u003Cp>To link external resources\u003C/p>",[],{"type":188,"text":149,"media":264,"hasMath":10,"math":265,"answerTime":82},[],{"template":83,"latex":266},[],[],{"correct":124,"incorrect":82},[],[],[],153,{"structure":274,"standards":312,"topics":313,"isSuperParent":10,"standardIds":314,"aiGenerated":5,"__v":70,"teleportFrom":83,"cloned":83,"ver":18,"parent":83,"_id":177,"time":109,"published":5,"aiCreateMeta":83,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":315,"createdAt":229,"updated":183},{"settings":275,"hasMath":10,"query":276,"options":281,"explain":306,"hints":310,"kind":223,"marks":311,"answer":82},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":277,"answerTime":137,"text":279,"media":280},{"latex":278,"template":83},[],"\u003Cp>Which tag is used to wrap the entire content of an HTML document?\u003C/p>",[],[282,288,294,300],{"type":188,"hasMath":10,"math":283,"answerTime":82,"id":285,"text":286,"media":287,"_id":285},{"latex":284,"template":83},[],"6773f9a16a6a6cd2ab2abb43","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":188,"hasMath":10,"math":289,"answerTime":82,"id":291,"text":292,"media":293,"_id":291},{"latex":290,"template":83},[],"6773f9a16a6a6c2eeb2abb44","\u003Cp>\u003Chead>\u003C/p>",[],{"type":188,"hasMath":10,"math":295,"answerTime":82,"id":297,"text":298,"media":299,"_id":297},{"latex":296,"template":83},[],"6773f9a16a6a6c43582abb45","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":188,"hasMath":10,"math":301,"answerTime":82,"id":303,"text":304,"media":305,"_id":303},{"latex":302,"template":83},[],"6773f9a16a6a6c28492abb46","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":188,"text":149,"media":307,"hasMath":10,"math":308,"answerTime":82},[],{"template":83,"latex":309},[],[],{"correct":124,"incorrect":82},[],[],[],328,{"structure":317,"standards":355,"topics":356,"isSuperParent":10,"standardIds":357,"aiGenerated":5,"__v":70,"teleportFrom":83,"cloned":83,"ver":18,"parent":83,"_id":178,"time":109,"published":5,"aiCreateMeta":83,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":315,"createdAt":229,"updated":183},{"settings":318,"hasMath":10,"query":319,"options":324,"explain":349,"hints":353,"kind":223,"marks":354,"answer":124},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":320,"answerTime":137,"text":322,"media":323},{"latex":321,"template":83},[],"\u003Cp>What is the role of the \u003Chead> tag in an HTML document?\u003C/p>",[],[325,331,337,343],{"type":188,"hasMath":10,"math":326,"answerTime":82,"id":328,"text":329,"media":330,"_id":328},{"latex":327,"template":83},[],"6773f9a16a6a6c14152abb4a","\u003Cp>To display content in the browser\u003C/p>",[],{"type":188,"hasMath":10,"math":332,"answerTime":82,"id":334,"text":335,"media":336,"_id":334},{"latex":333,"template":83},[],"6773f9a16a6a6c2d9d2abb4b","\u003Cp>To contain metadata and links to resources\u003C/p>",[],{"type":188,"hasMath":10,"math":338,"answerTime":82,"id":340,"text":341,"media":342,"_id":340},{"latex":339,"template":83},[],"6773f9a16a6a6cd2da2abb4c","\u003Cp>To define the main content of the page\u003C/p>",[],{"type":188,"hasMath":10,"math":344,"answerTime":82,"id":346,"text":347,"media":348,"_id":346},{"latex":345,"template":83},[],"6773f9a16a6a6c37a82abb4d","\u003Cp>To create a footer for the page\u003C/p>",[],{"type":188,"text":149,"media":350,"hasMath":10,"math":351,"answerTime":82},[],{"template":83,"latex":352},[],[],{"correct":124,"incorrect":82},[],[],[],{"structure":359,"standards":397,"topics":398,"isSuperParent":10,"standardIds":399,"aiGenerated":5,"__v":70,"teleportFrom":83,"cloned":83,"ver":18,"parent":83,"_id":179,"time":109,"published":5,"aiCreateMeta":83,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":315,"createdAt":229,"updated":183},{"settings":360,"hasMath":10,"query":361,"options":366,"explain":391,"hints":395,"kind":223,"marks":396,"answer":18},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":362,"answerTime":137,"text":364,"media":365},{"latex":363,"template":83},[],"\u003Cp>Where should the title of an HTML document be placed?\u003C/p>",[],[367,373,379,385],{"type":188,"hasMath":10,"math":368,"answerTime":82,"id":370,"text":371,"media":372,"_id":370},{"latex":369,"template":83},[],"6773f9a16a6a6c5cfb2abb51","\u003Cp>Inside a \u003Cfooter> tag\u003C/p>",[],{"type":188,"hasMath":10,"math":374,"answerTime":82,"id":376,"text":377,"media":378,"_id":376},{"latex":375,"template":83},[],"6773f9a16a6a6c675c2abb52","\u003Cp>Inside the \u003Chtml> tag\u003C/p>",[],{"type":188,"hasMath":10,"math":380,"answerTime":82,"id":382,"text":383,"media":384,"_id":382},{"latex":381,"template":83},[],"6773f9a16a6a6c0f5d2abb53","\u003Cp>Inside the \u003Chead> tag\u003C/p>",[],{"type":188,"hasMath":10,"math":386,"answerTime":82,"id":388,"text":389,"media":390,"_id":388},{"latex":387,"template":83},[],"6773f9a16a6a6c1b3e2abb54","\u003Cp>Inside the \u003Cbody> tag\u003C/p>",[],{"type":188,"text":149,"media":392,"hasMath":10,"math":393,"answerTime":82},[],{"template":83,"latex":394},[],[],{"correct":124,"incorrect":82},[],[],[],{"structure":401,"standards":439,"topics":440,"isSuperParent":10,"standardIds":441,"aiGenerated":5,"__v":70,"teleportFrom":83,"cloned":83,"ver":18,"parent":83,"_id":180,"time":109,"published":5,"aiCreateMeta":83,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":442,"createdAt":229,"updated":443},{"settings":402,"hasMath":10,"query":403,"options":408,"explain":433,"hints":437,"kind":223,"marks":438,"answer":70},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":404,"answerTime":137,"text":406,"media":407},{"latex":405,"template":83},[],"\u003Cp>How can you create a comment in HTML?\u003C/p>",[],[409,415,421,427],{"type":188,"hasMath":10,"math":410,"answerTime":82,"id":412,"text":413,"media":414,"_id":412},{"latex":411,"template":83},[],"6773f9a16a6a6c3da92abb58","\u003Cp>Using #\u003C/p>",[],{"type":188,"hasMath":10,"math":416,"answerTime":82,"id":418,"text":419,"media":420,"_id":418},{"latex":417,"template":83},[],"6773f9a16a6a6ce92e2abb59","\u003Cp>Using //\u003C/p>",[],{"type":188,"hasMath":10,"math":422,"answerTime":82,"id":424,"text":425,"media":426,"_id":424},{"latex":423,"template":83},[],"6773f9a16a6a6cf5692abb5a","\u003Cp>Using /* and */\u003C/p>",[],{"type":188,"hasMath":10,"math":428,"answerTime":82,"id":430,"text":431,"media":432,"_id":430},{"latex":429,"template":83},[],"6773f9a16a6a6c237b2abb5b","\u003Cp>Using \u003C!-- and -->\u003C/p>",[],{"type":188,"text":149,"media":434,"hasMath":10,"math":435,"answerTime":82},[],{"template":83,"latex":436},[],[],{"correct":124,"incorrect":82},[],[],[],466,"2025-01-29T07:02:06.827Z",{"structure":445,"standards":483,"topics":484,"isSuperParent":10,"standardIds":485,"aiGenerated":5,"__v":70,"teleportFrom":83,"cloned":83,"ver":18,"parent":83,"_id":181,"time":109,"published":5,"aiCreateMeta":83,"type":223,"comprehensionQuestionId":173,"comprehensionTimestamp":442,"createdAt":229,"updated":443},{"settings":446,"hasMath":10,"query":447,"options":452,"explain":477,"hints":481,"kind":223,"marks":482,"answer":124},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":188,"hasMath":10,"math":448,"answerTime":137,"text":450,"media":451},{"latex":449,"template":83},[],"\u003Cp>What is the purpose of comments in HTML?\u003C/p>",[],[453,459,465,471],{"type":188,"hasMath":10,"math":454,"answerTime":82,"id":456,"text":457,"media":458,"_id":456},{"latex":455,"template":83},[],"6773f9a16a6a6c532a2abb5f","\u003Cp>To increase the page's loading speed\u003C/p>",[],{"type":188,"hasMath":10,"math":460,"answerTime":82,"id":462,"text":463,"media":464,"_id":462},{"latex":461,"template":83},[],"6773f9a16a6a6c1e7b2abb60","\u003Cp>To provide notes for developers without displaying them\u003C/p>",[],{"type":188,"hasMath":10,"math":466,"answerTime":82,"id":468,"text":469,"media":470,"_id":468},{"latex":467,"template":83},[],"6773f9a16a6a6c3bf32abb61","\u003Cp>To hide content from the browser\u003C/p>",[],{"type":188,"hasMath":10,"math":472,"answerTime":82,"id":474,"text":475,"media":476,"_id":474},{"latex":473,"template":83},[],"6773f9a16a6a6c30db2abb62","\u003Cp>To add visible notes to the webpage\u003C/p>",[],{"type":188,"text":149,"media":478,"hasMath":10,"math":479,"answerTime":82},[],{"template":83,"latex":480},[],[],{"correct":124,"incorrect":82},[],[],[],[],{"videoMeta":488,"aiMeta":1082},{"videoProvider":146,"videoId":145,"videoTitle":60,"duration":144,"channelTitle":489,"videoType":490,"videoSubTypes":491,"transcript":493},"Packt - Web Development","INSTRUCTIONAL",[492],"CHALK_AND_TALK_PRESENTATION",[494,498,502,505,509,513,517,521,525,529,533,537,541,545,549,553,556,559,563,567,571,575,579,583,587,591,595,599,602,606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,665,669,673,677,681,685,689,693,696,700,704,708,711,715,719,723,727,731,735,739,743,747,751,755,759,763,767,771,775,778,782,786,790,794,798,802,806,809,813,817,821,825,829,832,836,840,844,848,852,856,860,863,867,871,874,878,882,886,890,894,897,900,904,908,912,916,920,924,927,930,934,938,942,946,950,954,958,961,965,968,972,976,979,983,986,990,994,998,1002,1006,1010,1014,1017,1021,1025,1029,1033,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1075,1078],{"text":495,"duration":496,"offset":497},"an index HTML file. We opened it inside of a",2732,3470,{"text":499,"duration":500,"offset":501},"browser so we could see how it renders. And this",2981,6264,{"text":503,"duration":500,"offset":504},"is not the standard of how to create a document.",9307,{"text":506,"duration":507,"offset":508},"There's some other things that you need to add. Even",3229,12350,{"text":510,"duration":511,"offset":512},"if we only wanted to display this in the browser,",3042,15641,{"text":514,"duration":515,"offset":516},"there's some other tags that we need to add for",2918,18746,{"text":518,"duration":519,"offset":520},"it to be a valid HTML5 document. Now before we",2857,21726,{"text":522,"duration":523,"offset":524},"do anything, I'm going to rename this file, so instead",3353,24645,{"text":526,"duration":527,"offset":528},"of index, I'm going to rename it to 0.",2359,28060,{"text":530,"duration":531,"offset":532},"One_basic_layout dot, HTML, because like I said, I want this",3883,30500,{"text":534,"duration":535,"offset":536},"to be a sandbox that you can go back to",2524,34447,{"text":538,"duration":539,"offset":540},"and you can check certain things. And I want each",3171,37036,{"text":542,"duration":543,"offset":544},"file to be named after what what we're doing inside",3301,40272,{"text":546,"duration":547,"offset":548},"of it. OK, so we're going to just number them",2912,43638,{"text":550,"duration":551,"offset":552},"so they're in order. If you don't want to number",3106,46615,{"text":554,"duration":511,"offset":555},"them, you don't have to. You could call it just",49786,{"text":557,"duration":551,"offset":558},"basic layout or basic or whatever. But I want to",52893,{"text":560,"duration":561,"offset":562},"be very specific and I wanna I want you guys",2848,56064,{"text":564,"duration":565,"offset":566},"to have this for future.",1554,58976,{"text":568,"duration":569,"offset":570},"Reference. All right, so basic layout of an HTML page.",3262,60610,{"text":572,"duration":573,"offset":574},"Let's actually just get rid of this for now. So",2840,63933,{"text":576,"duration":577,"offset":578},"the first thing that you're going to want on every",3021,66833,{"text":580,"duration":581,"offset":582},"HTML page is the DOC type. OK, so I'm just",2538,69915,{"text":584,"duration":585,"offset":586},"going to type this out. It's going to be an",2598,72513,{"text":588,"duration":589,"offset":590},"angle bracket, exclamation, doctype, usually all capitals, and then HTML",4350,75172,{"text":592,"duration":593,"offset":594},"and then closing angle bracket. So this is a doctype.",3202,79583,{"text":596,"duration":597,"offset":598},"And what this does is it it tells the browser",2719,82846,{"text":600,"duration":577,"offset":601},"what type of document it is. Because a browser can",85625,{"text":603,"duration":604,"offset":605},"read HTML5, it can read XHTML.",1813,88707,{"text":607,"duration":608,"offset":609},"They can read HTML 4.0 point one, so there's a",3164,90610,{"text":611,"duration":612,"offset":613},"lot of different variations of HTML, but HTML5 is definitely",4128,93842,{"text":615,"duration":616,"offset":617},"the standard and that's what you're going to want to",3576,98039,{"text":619,"duration":620,"offset":621},"use. It's also. It's also much easier than the others,",3715,101684,{"text":623,"duration":624,"offset":625},"and it's less strict when it comes to tag syntax,",3370,105468,{"text":627,"duration":628,"offset":629},"so I just want to quickly show you from the",2958,108907,{"text":631,"duration":632,"offset":633},"w3schools.com site, which is a great site for reference. This",4196,111934,{"text":635,"duration":636,"offset":637},"is a page all on doctypes and if we go",2614,116198,{"text":639,"duration":640,"offset":641},"down here you'll see that.",1789,118881,{"text":643,"duration":644,"offset":645},"The Doctype declaration must be the very first thing in",3605,120740,{"text":647,"duration":648,"offset":649},"your HTML document before the HTML tag, which I'll go",3474,124410,{"text":651,"duration":652,"offset":653},"over in a second. And down here it gives us",2818,127950,{"text":655,"duration":656,"offset":657},"the different types. So for HTML5 it's what we what",3342,130834,{"text":659,"duration":660,"offset":661},"we just did. But then you'll see that HTML 4.0",3015,134242,{"text":663,"duration":648,"offset":664},"point one actually has a much longer doc type because",137323,{"text":666,"duration":667,"offset":668},"there's different variations, there's strict transitional frame set, and this",5047,140862,{"text":670,"duration":671,"offset":672},"has to do with what's allowed and what's not, so",3146,145975,{"text":674,"duration":675,"offset":676},"it it's gotten much easier over the years.",2752,149187,{"text":678,"duration":679,"offset":680},"With HTML5, so we don't have to worry about these",3224,152020,{"text":682,"duration":683,"offset":684},"doc types, but I just wanted to show you that",2961,155310,{"text":686,"duration":687,"offset":688},"they're very different. XHTML has its own doctype, has transitional",4409,158337,{"text":690,"duration":691,"offset":692},"frame set 1.01 point one, but this is the only",3027,162812,{"text":694,"duration":691,"offset":695},"one that we have to worry about. Alright, so I",165905,{"text":697,"duration":698,"offset":699},"just wanted to kind of show you that. So we're",3028,168998,{"text":701,"duration":702,"offset":703},"declaring this document as HTML5. The next thing we want",3686,172091,{"text":705,"duration":706,"offset":707},"is an HTML tag. OK, so I'll do HTML and",2567,175842,{"text":709,"duration":683,"offset":710},"then hit enter or tab and it'll finish it for",178475,{"text":712,"duration":713,"offset":714},"me.",197,181502,{"text":716,"duration":717,"offset":718},"And we just want to hit enter so that the",2679,182030,{"text":720,"duration":721,"offset":722},"bottom tag is down below. And now inside the HTML",3203,184775,{"text":724,"duration":725,"offset":726},"tag we have a head tag and then under the",2680,188043,{"text":728,"duration":729,"offset":730},"head we have a body tag. Now notice that there's",3138,190788,{"text":732,"duration":733,"offset":734},"an indent here and vscode will do this automatically. If",3661,193991,{"text":736,"duration":737,"offset":738},"you're using something like Notepad, which I would definitely not",4249,197717,{"text":740,"duration":741,"offset":742},"suggest, it's not going to indent it for you automatically",3791,202031,{"text":744,"duration":745,"offset":746},"so you have to do it yourself. Now the reason",2941,205888,{"text":748,"duration":749,"offset":750},"it's indented is because both of these tags are inside.",3596,208894,{"text":752,"duration":753,"offset":754},"The HTML tag. This is actually the parent of these",3599,212570,{"text":756,"duration":757,"offset":758},"two tags and these are the children of the HTML",3384,216241,{"text":760,"duration":761,"offset":762},"tag. Now the head and body are very different. Head",3672,219697,{"text":764,"duration":765,"offset":766},"is for things like meta tags. If you want to",3168,223441,{"text":768,"duration":769,"offset":770},"associate keywords with your page, it's basically just information about",5183,226681,{"text":772,"duration":773,"offset":774},"your page. It doesn't actually display in the browser. In",4104,231936,{"text":776,"duration":757,"offset":777},"the body of the browser. Now one thing that you",236112,{"text":779,"duration":780,"offset":781},"should definitely put in the head tag is the title.",3671,239568,{"text":783,"duration":784,"offset":785},"OK, so we want to put a title tag and",2149,243430,{"text":787,"duration":788,"offset":789},"again we're tabbing it over because it's within the head",3253,245637,{"text":791,"duration":792,"offset":793},"tag for the title. I'm just going to say my",2498,248949,{"text":795,"duration":796,"offset":797},"website.",464,251505,{"text":799,"duration":800,"offset":801},"All right, now if I go ahead and save this,",2552,252860,{"text":803,"duration":804,"offset":805},"I'm going to do a control S I'm going to",2374,255471,{"text":807,"duration":804,"offset":808},"save the file and let's open it up so we",257905,{"text":810,"duration":811,"offset":812},"have our basic layout dot HTML because we renamed it",3087,260338,{"text":814,"duration":815,"offset":816},"and I'm going to say open with Chrome.",2256,263484,{"text":818,"duration":819,"offset":820},"And notice there's nothing in the body. But if we",2906,266710,{"text":822,"duration":823,"offset":824},"look in the tab, we see my website. Whatever you",2847,269676,{"text":826,"duration":827,"offset":828},"put in the title tag is going to show right",2550,272583,{"text":830,"duration":823,"offset":831},"here. OK, so it's very important for you to have",275193,{"text":833,"duration":834,"offset":835},"a title. Now, whatever we want in the body, we",2729,278100,{"text":837,"duration":838,"offset":839},"put in the body so we can put back our",2254,280888,{"text":841,"duration":842,"offset":843},"H1.",178,283202,{"text":845,"duration":846,"offset":847},"Say my website.",1330,284440,{"text":849,"duration":850,"offset":851},"And we can put our paragraph.",2180,286460,{"text":853,"duration":854,"offset":855},"And we'll go ahead and save and we'll go back",2864,293820,{"text":857,"duration":858,"offset":859},"and reload. And now we have our H1 and paragraph",3055,296747,{"text":861,"duration":854,"offset":862},"in the body. OK. So anything that you want to",299866,{"text":864,"duration":865,"offset":866},"show in this area is going to go in the",2482,302794,{"text":868,"duration":869,"offset":870},"body of your your document. All right. So you just",3182,305340,{"text":872,"duration":858,"offset":873},"want to keep this structure in mind. This is the",308586,{"text":875,"duration":876,"offset":877},"the core, fundamental mandatory structure of an HTML document. You",4201,311704,{"text":879,"duration":880,"offset":881},"have your doc type at the top, you have your",2800,315969,{"text":883,"duration":884,"offset":885},"HTML tags.",636,318833,{"text":887,"duration":888,"offset":889},"Wrap around everything and then you have a head and",2804,319540,{"text":891,"duration":892,"offset":893},"body area. In your head you should at least have",2639,322399,{"text":895,"duration":892,"offset":896},"the title and in the body you just have whatever",325093,{"text":898,"duration":888,"offset":899},"you your website content will be. So the last thing",327787,{"text":901,"duration":902,"offset":903},"I want to show you is how to create a",2034,330646,{"text":905,"duration":906,"offset":907},"comment. OK, so you might wanna label stuff without it",2969,332735,{"text":909,"duration":910,"offset":911},"actually rendering in the browser. So let's say I wanted",3079,335759,{"text":913,"duration":914,"offset":915},"to put a comment right here. What I would do",2420,338893,{"text":917,"duration":918,"offset":919},"is put an angle bracket, an exclamation mark and then",2914,341368,{"text":921,"duration":922,"offset":923},"double- Once I do that and VS code it actually",2529,344337,{"text":925,"duration":922,"offset":926},"auto completes the rest of it. But this is the",346921,{"text":928,"duration":902,"offset":929},"format of a comment so I'll just say.",349505,{"text":931,"duration":932,"offset":933},"This is a comment so starts off like this and",2703,351610,{"text":935,"duration":936,"offset":937},"then it ends with double- and an angle bracket. So",3004,354373,{"text":939,"duration":940,"offset":941},"just make sure you don't forget the exclamation because that's",3725,357437,{"text":943,"duration":944,"offset":945},"not a valid comment. And notice that it turns green",3064,361222,{"text":947,"duration":948,"offset":949},"in VS code to let you know that it's it's",2463,364347,{"text":951,"duration":952,"offset":953},"actually a comment. And if I save this and we",2704,366870,{"text":955,"duration":956,"offset":957},"go to the browser and reload, notice it doesn't show",3124,369634,{"text":959,"duration":956,"offset":960},"here because it's a comment. Now in browsers you can",372818,{"text":962,"duration":963,"offset":964},"view the source code. OK you can view the HTML",2764,376002,{"text":966,"duration":932,"offset":967},"source. On a Mac you can do command option U.",378826,{"text":969,"duration":970,"offset":971},"And on Windows, I believe it's control U and it'll",3338,381650,{"text":973,"duration":974,"offset":975},"open up a new tab that shows you the actual",2871,385055,{"text":977,"duration":729,"offset":978},"HTML so you can see our doctype, our HTML tags,",387993,{"text":980,"duration":981,"offset":982},"all that stuff. It also will show the comments in",3271,391198,{"text":984,"duration":729,"offset":985},"the source code. OK, just to let you know that.",394536,{"text":987,"duration":988,"offset":989},"So let's go back and I want to show you",2604,397741,{"text":991,"duration":992,"offset":993},"how you can comment out something that's already there. So",3872,400412,{"text":995,"duration":996,"offset":997},"if I just put my tat my cursor on this",2537,404351,{"text":999,"duration":1000,"offset":1001},"line right here and VS code, I can actually just",3205,406955,{"text":1003,"duration":1004,"offset":1005},"do control and then/ or or?",1803,410227,{"text":1007,"duration":1008,"offset":1009},"The same key, the/? So if I hold control and",2670,412100,{"text":1011,"duration":1012,"offset":1013},"hit that, it'll comment the whole line out and I",2913,414830,{"text":1015,"duration":1008,"offset":1016},"can toggle it. If I hit it again, control/ I",417804,{"text":1018,"duration":1019,"offset":1020},"can just toggle the comment. If I wanted to comment",3095,420535,{"text":1022,"duration":1023,"offset":1024},"comment out multiple lines, I could highlight them and again",3642,423690,{"text":1026,"duration":1027,"offset":1028},"control/ and that will comment out the whole thing. There",3459,427392,{"text":1030,"duration":1031,"offset":1032},"may be times when you want to just kind of",2549,430912,{"text":1034,"duration":1031,"offset":1035},"not show a certain part of the HTML in the",433521,{"text":1037,"duration":1038,"offset":1039},"browser and you want to comment it out OK and",2731,436131,{"text":1041,"duration":1042,"offset":1043},"you can put this on a separate line as well",2610,438922,{"text":1045,"duration":1046,"offset":1047},"like that.",606,441593,{"text":1049,"duration":1050,"offset":1051},"That'll still work. This is all commented out.",2220,442270,{"text":1053,"duration":1054,"offset":1055},"Alright, so that's gonna be it for this video guys.",2801,445300,{"text":1057,"duration":1058,"offset":1059},"In the next one I wanna give you some tips",2306,448156,{"text":1061,"duration":1062,"offset":1063},"and tricks with VS code. For instance, we can generate",2966,450517,{"text":1065,"duration":1066,"offset":1067},"the the basic structure automatically without having to type all",3516,453538,{"text":1069,"duration":1070,"offset":1071},"this out with every HTML page. I also want to",2472,457108,{"text":1073,"duration":1070,"offset":1074},"give you a couple of extensions that I I want",459635,{"text":1076,"duration":1054,"offset":1077},"to recommend and that I'll be using in this course.",462162,{"text":1079,"duration":1080,"offset":1081},"Alright, so I'll see you in the next video.",2361,465018,{"summary":1083,"sections":1084,"learningObjectives":1131,"keyConcepts":1140,"videoTags":1146},"This video tutorial covers the basics of creating a valid HTML5 document. It starts with renaming an HTML file for better organization, explains the importance of the doctype declaration, and outlines the fundamental structure of an HTML document, including the head and body tags. The tutorial also demonstrates how to add a title and content to the document and how to create comments in HTML. The video concludes with a preview of the next tutorial, which will provide tips and tricks for using VS Code efficiently.",[1085,1093,1101,1109,1117,1124],{"title":1086,"start":497,"end":574,"description":1087,"tags":1088},"Introduction and File Renaming","Introduction to HTML file and renaming it for organization.",[1089,1090,1091,1092],"HTML","file renaming","organization","sandbox",{"title":1094,"start":574,"end":680,"description":1095,"tags":1096},"Understanding Doctype","Explanation of the HTML5 doctype and its importance.",[1097,1098,1099,1100],"doctype","HTML5","document type","browser",{"title":1102,"start":680,"end":870,"description":1103,"tags":1104},"HTML Structure Basics","Basic structure of an HTML document including head and body tags.",[1105,1106,1107,1108],"HTML structure","head tag","body tag","indentation",{"title":1110,"start":870,"end":899,"description":1111,"tags":1112},"Adding Title and Content","How to add a title and content to an HTML document.",[1113,1114,1115,1116],"title tag","content","HTML body","website",{"title":1118,"start":899,"end":1051,"description":1119,"tags":1120},"Creating Comments","How to create and manage comments in HTML.",[1121,1089,1122,1123],"comments","VS Code","source code",{"title":1125,"start":1051,"end":1081,"description":1126,"tags":1127},"Conclusion and Next Steps","Conclusion and preview of next video on VS Code tips.",[1128,1122,1129,1130],"conclusion","next steps","extensions",[1132,1133,1134,1135,1136,1137,1138,1139],"Rename HTML files","Understand doctype","Structure HTML documents","Add titles to HTML","Create HTML comments","Use VS Code shortcuts","View HTML source","Organize HTML files",[1141,1142,1143,1144,1145],"HTML5 doctype","HTML document structure","Head and body tags","HTML comments","VS Code usage",{"keyTags":1147,"pedagogicalTags":1150},[1089,1098,1148,1122,1149],"web development","beginner tutorial",[1151,1152,1153],"instructional","step-by-step","hands-on learning","2025-01-29T07:02:06.794Z","2025-01-29T07:02:07.336Z","60919f6b27f749001c9a4bd7","2024-12-31T14:03:03.636Z","2025-01-29T07:02:07.339Z","ENABLED","2025-06-20T10:15:03.229Z",{"service":1162,"version":1163},"quizserver","9b0ecd1_ysrbmdvx",{"success":5,"data":1165,"time":1279},{"countryBasedRecommendations":1166,"subjectBasedRecommendations":1221,"subjectBasedQualifiers":1248},[1167,1174,1183,1190,1198,1204,1210,1216],{"id":1168,"quizId":1169,"country":92,"lowerGrade":63,"upperGrade":63,"quizRank":41,"subject":101,"quizImage":1170,"quizName":1171,"quizType":1172,"noOfQuestions":1173,"noOfSlides":82},"684961d5a293b51a6177db29","5fd24190446546001b8943eb","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/3d95930b-05ba-4eed-8bba-c3d3adab19a1","Character Analysis","quiz",15,{"id":1175,"quizId":1176,"country":92,"lowerGrade":97,"upperGrade":1177,"quizRank":1178,"subject":1179,"quizImage":1180,"quizName":1181,"quizType":1172,"noOfQuestions":1182,"noOfSlides":82},"68529c3a913e8f0e685b96be","663130398706efb7b94eb2bb",12,11,"Other","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8dfa6da2-0657-4610-ba78-3df4540717f5-v2","Chapter 12 - Doing the Right Thing",17,{"id":1184,"quizId":1185,"country":92,"lowerGrade":124,"upperGrade":18,"quizRank":1186,"subject":1187,"quizImage":1188,"quizName":1189,"quizType":1172,"noOfQuestions":98,"noOfSlides":82},"68529c3a913e8f0e685b9692","5ec40dbb5a8f86001b6020fc",13,"History","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ed7a4843-36db-45b9-b2fe-819f8e54e809","American Flag",{"id":1191,"quizId":1192,"country":92,"lowerGrade":1193,"upperGrade":1193,"quizRank":1194,"subject":1179,"quizImage":1195,"quizName":1196,"quizType":1172,"noOfQuestions":1197,"noOfSlides":82},"67f75217bd773214f4c08ea2","5e94b04b49e5d9001b0b0729",5,14,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/a60fb278-3a36-49a1-978b-9308c9b21e4d","Reading Comprehension",20,{"id":1199,"quizId":1200,"country":92,"lowerGrade":97,"upperGrade":1177,"quizRank":1173,"subject":100,"quizImage":1201,"quizName":1202,"quizType":1172,"noOfQuestions":1203,"noOfSlides":82},"68529c3a913e8f0e685b969d","6470c4b3c1c426001fee1cba","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/781ff440-480b-40dd-8c9e-0fc363726287-v2","Linear Inequalities",30,{"id":1205,"quizId":1206,"country":92,"lowerGrade":97,"upperGrade":1177,"quizRank":1173,"subject":1207,"quizImage":1208,"quizName":1209,"quizType":1172,"noOfQuestions":1197,"noOfSlides":82},"67f75217bd773214f4c08c5b","5a95acd414c10f001bdc5bc1","Life Skills","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/297e5535-e985-4c5e-82c5-c8021323ba19","Types of Credit",{"id":1211,"quizId":1212,"country":92,"lowerGrade":1193,"upperGrade":1193,"quizRank":1182,"subject":102,"quizImage":1213,"quizName":1214,"quizType":1172,"noOfQuestions":1215,"noOfSlides":82},"68529c3a913e8f0e685b96c5","6846ffd78770c495bf9afa79","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7b880939-bf58-4731-99eb-7b0e4ca4db49-v2","Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25",18,{"id":1217,"quizId":1218,"country":92,"lowerGrade":26,"upperGrade":41,"quizRank":1182,"subject":101,"quizImage":1219,"quizName":1220,"quizType":1172,"noOfQuestions":1194,"noOfSlides":82},"684961d5a293b51a6177db41","56b0d2db0e6f4514362d45e9","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ef1a7f9d-3630-4b56-a583-2976b6997a2a","Misplaced and Dangling Modifiers",[1222,1228,1236,1243],{"id":1223,"quizId":1224,"country":92,"lowerGrade":82,"upperGrade":1186,"quizRank":1225,"subject":100,"quizImage":1226,"quizName":1227,"quizType":1172,"noOfQuestions":98,"noOfSlides":82},"684961d5a293b51a6177db9d","5f7f313ed420ff001b53ce86",26,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/990cc664-b458-4135-afa0-c385c7d3fad6","Identifying equations",{"id":1229,"quizId":1230,"country":92,"lowerGrade":70,"upperGrade":1194,"quizRank":1231,"subject":1232,"quizImage":1233,"quizName":1234,"quizType":1172,"noOfQuestions":1235,"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",16,{"id":1237,"quizId":1238,"country":92,"lowerGrade":82,"upperGrade":1186,"quizRank":1239,"subject":1240,"quizImage":149,"quizName":1241,"quizType":1172,"noOfQuestions":1242,"noOfSlides":82},"68529c3a913e8f0e685b96b7","5913b7aa8590481000eeefc9",133,"Multiple Subjects","logos",44,{"id":1244,"quizId":1245,"country":92,"lowerGrade":1186,"upperGrade":1186,"quizRank":1246,"subject":102,"quizImage":149,"quizName":1247,"quizType":1172,"noOfQuestions":26,"noOfSlides":82},"68402741814a8b60929e92aa","683e638c2ddc4e75d4f35494",316,"Railroad Operations and Classifications Quiz",[1249,1252,1255,1258,1261,1264,1267,1270,1273,1276],{"path":1250,"display":1251},"/social-studies/history/historical-events-and-holidays/holidays-and-celebrations/national-holidays/presidents-day","Presidents' Day",{"path":1253,"display":1254},"/math/geometry/two-dimensional-shapes/triangles/classifying-by-angles","Classifying by angles",{"path":1256,"display":1257},"/social-studies/social-studies-practices/research-skills/public-services/government-services","Government services",{"path":1259,"display":1260},"/ela/reading/literature/literary-analysis/main-idea-and-central-themes/recognize-supporting-details","Recognize supporting details",{"path":1262,"display":1263},"/social-studies/economics/macroeconomics/fiscal-and-monetary-policy/government-spending-and-taxation","Government Spending and Taxation",{"path":1265,"display":1266},"/ela/language/mechanics/punctuation/apostrophes-in-contractions","Apostrophes in contractions",{"path":1268,"display":1269},"/math/algebra/equations/linear-equations/multi-variable-linear-equations/solving-system-of-equations/solving-system-of-equations","Solving system of equations",{"path":1271,"display":1272},"/math/statistics-and-probability/bivariate-statistics/two-way-tables/identifying-and-interpreting-patterns-of-association/investigating-patterns-in-scatter-plots","Investigating patterns in scatter plots",{"path":1274,"display":1275},"/science/biology/physiology/pathophysiology/metabolic-disorders","Metabolic disorders",{"path":1277,"display":1278},"/math/statistics-and-probability/probability/expected-value/developing-probability-distribution-expected-value","Developing Probability Distribution & Expected Value","2025-06-20T10:15:04.131390015Z",{"success":5,"data":1281,"time":1325},{"quizzes":1282,"total":1323,"timeTaken":1324,"experiment":73,"source":74},[1283,1290,1296,1303,1307,1311,1315,1319],{"id":1284,"isSuper":10,"type":11,"info":1285,"shouldIndex":10,"stats":1289},"677641c12bd9019beced093a",{"grade":1286,"name":1287,"slug":1287,"image":1288},[14,14],"HTML Tutorial for Beginners(2022) - Insert Hyperlink in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/92570885-39ef-4847-a49e-e54b0a7914fe-v2",{"totalQuestions":26},{"id":1291,"isSuper":10,"type":11,"info":1292,"shouldIndex":10,"stats":1295},"6773fb0ca71a50652e8119fb",{"grade":1293,"name":15,"slug":15,"image":1294},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/71b76a87-6f69-4372-978f-a050cd1ef4bb-v2",{"totalQuestions":41},{"id":1297,"isSuper":10,"type":11,"info":1298,"shouldIndex":10,"stats":1302},"6776e112c2963206f620024c",{"grade":1299,"name":1300,"slug":1300,"image":1301},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Code","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1c2fce7b-1817-470d-9060-75af2deca6b6-v2",{"totalQuestions":26},{"id":65,"isSuper":10,"type":11,"info":1304,"shouldIndex":10,"stats":1306},{"grade":1305,"name":46,"slug":46,"image":68},[14,14],{"totalQuestions":70},{"id":20,"isSuper":10,"type":11,"info":1308,"shouldIndex":10,"stats":1310},{"grade":1309,"name":23,"slug":23,"image":24},[14,14],{"totalQuestions":26},{"id":28,"isSuper":10,"type":11,"info":1312,"shouldIndex":10,"stats":1314},{"grade":1313,"name":31,"slug":31,"image":32},[14,14],{"totalQuestions":26},{"id":35,"isSuper":10,"type":11,"info":1316,"shouldIndex":10,"stats":1318},{"grade":1317,"name":38,"slug":38,"image":39},[14,14],{"totalQuestions":41},{"id":43,"isSuper":10,"type":11,"info":1320,"shouldIndex":10,"stats":1322},{"grade":1321,"name":46,"slug":46,"image":47},[14,14],{"totalQuestions":26},475436,55,"2025-06-20T10:15:04.131227063Z",["Reactive",1327],{},["Set"],["ShallowReactive",1330],{"sfyHgFmyDM":83,"A2gnFhLaX2":83,"hw5TE1Lch7":83,"FvnYLV5XGA":83},"/admin/video-quiz/6773f997ac7f8e78aff7679b/modern-html-and-css-from-the-beginning-including-sass-doctype-basic-layout","none",{"ssr_adp-v2":1334},"var-1"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",endpoints:{quizUrl:"https://services-internal-quiz.quizizz.com/_quizserver/adminv3ssr/v2/quiz",apiUrl:"https://quizizz.com/_api/rpc",autoCompleteUrl:"https://quizizz.com/_autocomserver/main",publicQuizUrl:"https://quizizz.com/_quizserver/main/v2/quiz",recommendationUrl:"https://search-internal.quizizz.com/_sserverv2/main/common/quizPageRecV3",joinUrl:"https://quizizz.com/join",quizPreviewUrl:"https://quizizz.com/signup/qdp",mlprocessorUrl:"https://quizizz.com/_mlprocessor/main",baseUrl:"https://quizizz.com",boclipsUrl:"https://quizizz.com/_quizserver/main/v2/boclips/video",categoryPagesUrl:"https://quizizz.com/_scserver/main/public/v1/category-pages",cdnBasePath:"https://cf.quizizz.com",searchServiceUrl:"https://quizizz.com/_sserverv2/main",schoolServiceUrl:"https://services-internal.quizizz.com/_scserver/main"},enablePseudoLocale:false,apiBase:"/nuxtssr/worker",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:true},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"1ea99b7c-1e74-4847-80a6-ef0edfa7f905",buildAssetsDir:"_nuxtssr/main",cdnURL:"https://cf.quizizz.com"}}</script></body></html>