css/html (1)
Assessment
•
Wayne Hines
•
others
•
•
3 plays
•
Easy
Student preview
19 questions
Show answers
1.
Open Ended
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.
2.
Open Ended
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
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></div><!--]--><!--]--></p><!--]--><!--]--></div><!----><!--]--><!--]--></div><!--]--><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-admin-lg border border-ds-dark-500-20" data-v-3a829fc3><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-3a829fc3><!--[--><!--[--><!--[--><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 border-ds-dark-500-20 py-0 px-3 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-500 text-content-small font-semibold"><!--[--><!--[-->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 class="flex justify-center items-center w-3 h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid="qt-indicator-icon"><i class="far fa-align-left"></i></div><!----><!--]--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-500 text-content-small font-semibold" data-testid="qt-indicator-text"><!--[--><!--[-->Open Ended<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!----> 30 sec<!--]--><!--]--></div><!--]--><!--]--></p><!--]--><!--]--></div><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!----> 1 pt<!--]--><!--]--></div><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-3a829fc3><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!--[--><!--]--><p class="text-content-base font-semibold"><!--[--><!--[--><div>IMG tag</div><!--]--><!--]--></p><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" data-v-3a829fc3><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></div><!--[--><p class="text-ds-dark-200 text-content-small font-semibold"><!--[--><!--[--> Answer explanation <!--]--><!--]--></p><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap"><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!--[--><!--]--><p class="text-content-base font-medium"><!--[--><!--[--><div>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"></div><!--]--><!--]--></p><!--]--><!--]--></div><!----><!--]--><!--]--></div><!--]--><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-admin-lg border border-ds-dark-500-20" data-v-3a829fc3><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-3a829fc3><!--[--><!--[--><!--[--><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 border-ds-dark-500-20 py-0 px-3 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-500 text-content-small font-semibold"><!--[--><!--[-->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 class="flex justify-center items-center w-3 h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid="qt-indicator-icon"><i class="far fa-align-left"></i></div><!----><!--]--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-500 text-content-small font-semibold" data-testid="qt-indicator-text"><!--[--><!--[-->Open Ended<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!----> 30 sec<!--]--><!--]--></div><!--]--><!--]--></p><!--]--><!--]--></div><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><div class="flex gap-1 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!----> 1 pt<!--]--><!--]--></div><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-3a829fc3><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!--[--><!--]--><p class="text-content-base font-semibold"><!--[--><!--[--><div>Basic structure of HTML page</div><!--]--><!--]--></p><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" data-v-3a829fc3><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></div><!--[--><p class="text-ds-dark-200 text-content-small font-semibold"><!--[--><!--[--> Answer explanation <!--]--><!--]--></p><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap"><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap"><!--[--><!--[--><!--[--><!--]--><p class="text-content-base font-medium"><!--[--><!--[--><div><html>
<head>
<title>Page Title
My First Heading
My first paragraph.
6.
Open Ended
30 sec
1 pt
id vs. class
Evaluate responses using AI:
OFF
Answer explanation
id = unique element
class = category of element
Find a similar activity
Create activity tailored to your needs using
.svg)
10 questions
Css
•
University
10 questions
Coder
•
1st - 3rd Grade
10 questions
Day and Night
•
KG
11 questions
JavaScript
•
Professional Development
13 questions
Ordinal Numbers
•
2nd Grade
20 questions
Time, Multiplication and Division
•
3rd Grade
41 questions
JavaScript Basics
•
University
20 questions
Normalization
•
University