css/html (1)
Authored by Wayne Hines
others
Used 3+ times
AI Actions
Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...
Content View
Student View
19 questions
Show all answers
1.
OPEN ENDED QUESTION
30 sec • 1 pt
DIV tag
Evaluate responses using AI:
OFF
Answer explanation
The tag defines a division or a section in an HTML document. The tag is used to group block-elements to format them with CSS.
This is a heading
This is a paragraph.
tag is used to group block-elements to format them with CSS.
This is a heading
This is a paragraph.
2.
OPEN ENDED QUESTION
30 sec • 1 pt
BODY tag
Evaluate responses using AI:
OFF
Answer explanation
The tag defines the document's body. The element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.
3.
OPEN ENDED QUESTION
30 sec • 1 pt
HEAD tag
Evaluate responses using AI:
OFF
Answer explanation
The element is a container for all the head elements. The element can include a title for the document, scripts, styles, meta information, and more. The following elements can go inside the element: (this element is required in an HTML document)
<style>
<base>
<link>
<meta>
<script>
<noscript></h3><!--]--><!--]--></div><!--]--></div><!----><!--]--></div><!--]--><!----><!--]--></div><!--]--><!--]--></div><!--]--></div><div class="flex flex-col rounded-w-admin-lg border border-wds-light-200 overflow-hidden" style=""><!--[--><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" data-v-1b7e14cc><!--[--><!--[--><div class="flex flex-col gap-4" style="" data-v-1b7e14cc><!--[--><!--[--><div class="flex justify-between items-center" style=""><!--[--><div class="flex items-center gap-2 pt-0.5 pr-0 pb-0 pl-0" style=""><!--[--><!----><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><!--[--><div class="flex items-center gap-1 h-full" style="" data-testid="qt-indicator-inner"><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->4. <!--]--><!--]--></p><!----><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->OPEN ENDED QUESTION<!--]--><!--]--></p><!----><!--]--></div><!--]--></div><!--]--></div><div class="flex gap-2 group-hover:hidden" style=""><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--></div><div class="hidden group-hover:block w-auto h-auto" style=""><!--[--><div class="flex gap-1" style=""><!--[--><div class="w-auto" modelvalue="false"><!--[--><div class="popover-trigger contents"><!--[--><div class="flex flex-col gap-1" style=""><!--[--><!----><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus min-w-20 w-full" style="" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><!--[--><!--[--><div class="flex items-center gap-1 w-full h-full" style=""><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-solid-sparkles"></i></div><!----><!--[--><div class="contents"><!--[--><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->AI Enhance<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><!----><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="icon-solid-chevron-down"></i></div><!--]--></div><!--]--><!--]--></div></button><!----><!--]--></div><!--]--></div><div data-v-7f491914><!--[--><!--]--></div><!--]--></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer" data-track="Preview-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex justify-center items-center gap-1" style=""><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-free-solid-eye"></i></div><!----><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer" data-track="Edit-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex justify-center items-center gap-1" style=""><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="icon-solid-pen"></i></div><!----><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--></div><!--]--></div><!--]--></div><!--]--><!--[--><!--[--><div class="flex" style="" data-v-1b7e14cc><!--[--><div class="flex flex-col gap-1 pt-0 pr-0 pb-0 pl-2" style="" data-v-8b20af8f data-v-1b7e14cc><!--[--><div class="flex items-start gap-2" style="" data-v-8b20af8f><!--[--><!--[--><!--]--><!----><div id class="text-w-content-base font-semibold" data-v-8b20af8f><!--[--><!--[--><h3 data-v-8b20af8f>IMG tag</h3><!--]--><!--]--></div><!--]--></div><!----><!--]--></div><!--[--><!--]--><!--]--></div><!--[--><div class="flex items-center gap-1 pt-2 pr-0 pb-0 pl-0" style="" showanswers="false" data-v-1b7e14cc><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--></div><!--]--><!--]--><!--]--><!--[--><!----><!--]--><!--[--><p id class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[--> Answer explanation <!--]--><!--]--></p><div class="flex flex-col gap-1 pt-0 pr-0 pb-0 pl-2" style="" data-v-8b20af8f><!--[--><div class="flex items-start gap-2" style="" data-v-8b20af8f><!--[--><!--[--><!--]--><!----><div id class="text-w-content-base font-normal" data-v-8b20af8f><!--[--><!--[--><h3 data-v-8b20af8f>The <img> tag defines an image in an HTML page.
The <img> tag has two required attributes: src and alt.
Ex:
<img src="smiley.gif" alt="Smiley face" height="42" width="42"></h3><!--]--><!--]--></div><!--]--></div><!----><!--]--></div><!--]--><!----><!--]--></div><!--]--><!--]--></div><!--]--></div><div class="flex flex-col rounded-w-admin-lg border border-wds-light-200 overflow-hidden" style=""><!--[--><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t-0 border-transparent group" data-v-1b7e14cc><!--[--><!--[--><div class="flex flex-col gap-4" style="" data-v-1b7e14cc><!--[--><!--[--><div class="flex justify-between items-center" style=""><!--[--><div class="flex items-center gap-2 pt-0.5 pr-0 pb-0 pl-0" style=""><!--[--><!----><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><!--[--><div class="flex items-center gap-1 h-full" style="" data-testid="qt-indicator-inner"><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->5. <!--]--><!--]--></p><!----><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->OPEN ENDED QUESTION<!--]--><!--]--></p><!----><!--]--></div><!--]--></div><!--]--></div><div class="flex gap-2 group-hover:hidden" style=""><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--></div><div class="hidden group-hover:block w-auto h-auto" style=""><!--[--><div class="flex gap-1" style=""><!--[--><div class="w-auto" modelvalue="false"><!--[--><div class="popover-trigger contents"><!--[--><div class="flex flex-col gap-1" style=""><!--[--><!----><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus min-w-20 w-full" style="" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><!--[--><!--[--><div class="flex items-center gap-1 w-full h-full" style=""><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-solid-sparkles"></i></div><!----><!--[--><div class="contents"><!--[--><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->AI Enhance<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--><!----><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="icon-solid-chevron-down"></i></div><!--]--></div><!--]--><!--]--></div></button><!----><!--]--></div><!--]--></div><div data-v-7f491914><!--[--><!--]--></div><!--]--></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer" data-track="Preview-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex justify-center items-center gap-1" style=""><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="icon-free-solid-eye"></i></div><!----><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-focus cursor-pointer" data-track="Edit-ukw-button"><!----><div class="visible"><!--[--><!--[--><div class="flex justify-center items-center gap-1" style=""><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="icon-solid-pen"></i></div><!----><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--></div><!--]--></div><!--]--></div><!--]--><!--[--><!--[--><div class="flex" style="" data-v-1b7e14cc><!--[--><div class="flex flex-col gap-1 pt-0 pr-0 pb-0 pl-2" style="" data-v-8b20af8f data-v-1b7e14cc><!--[--><div class="flex items-start gap-2" style="" data-v-8b20af8f><!--[--><!--[--><!--]--><!----><div id class="text-w-content-base font-semibold" data-v-8b20af8f><!--[--><!--[--><h3 data-v-8b20af8f>Basic structure of HTML page</h3><!--]--><!--]--></div><!--]--></div><!----><!--]--></div><!--[--><!--]--><!--]--></div><!--[--><div class="flex items-center gap-1 pt-2 pr-0 pb-0 pl-0" style="" showanswers="false" data-v-1b7e14cc><!--[--><p id class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p id class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--></div><!--]--><!--]--><!--]--><!--[--><!----><!--]--><!--[--><p id class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[--> Answer explanation <!--]--><!--]--></p><div class="flex flex-col gap-1 pt-0 pr-0 pb-0 pl-2" style="" data-v-8b20af8f><!--[--><div class="flex items-start gap-2" style="" data-v-8b20af8f><!--[--><!--[--><!--]--><!----><div id class="text-w-content-base font-normal" data-v-8b20af8f><!--[--><!--[--><h3 data-v-8b20af8f><html>
<head>
<title>Page Title
My First Heading
My first paragraph.
6.
OPEN ENDED QUESTION
30 sec • 1 pt
id vs. class
Evaluate responses using AI:
OFF
Answer explanation
id = unique element class = category of element
7.
OPEN ENDED QUESTION
30 sec • 1 pt
How to address IDs (in html and css)
Evaluate responses using AI:
OFF
Answer explanation
HTML:
CSS:
div #Catherine {
color:blue;
}
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports
Continue with Google
Continue with Email
Continue with Microsoft
or continue with
%20(1).png)
Apple
Others
By signing up, you agree to our Terms of Service & Privacy Policy
Already have an account?
