css/html (1)

css/html (1)

19 Qs

quiz-placeholder

Similar activities

HTML Basics

HTML Basics

KG - University

21 Qs

Copy of Copy of CSS and External Style Sheet Quiz

Copy of Copy of CSS and External Style Sheet Quiz

KG - University

14 Qs

Fundamentals of Computing 1-Final Exam (2025)

Fundamentals of Computing 1-Final Exam (2025)

KG - University

21 Qs

Web Development Technologies II Viva Quiz

Web Development Technologies II Viva Quiz

KG - University

19 Qs

DevBridge atrankinė

DevBridge atrankinė

KG - University

24 Qs

FlexboxPower

FlexboxPower

KG - University

17 Qs

Основы веб-конструирования

Основы веб-конструирования

KG - University

21 Qs

Week 10 - Quiz - IS04

Week 10 - Quiz - IS04

KG - University

22 Qs

css/html (1)

css/html (1)

Assessment

Quiz

others

Easy

Created by

Wayne Hines

Used 3+ times

FREE Resource

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.

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></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"><!--[--><!--[-->OPEN ENDED 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>IMG tag</div><!--]--><!--]--></div><!--]--><!--]--></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-e7141832><!--[--><!--[--><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-start flex-row flex-nowrap"><!--[--><!--[--><!----><div 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><!--]--><!--]--></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"><!--[--><!--[-->OPEN ENDED 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>Basic structure of HTML page</div><!--]--><!--]--></div><!--]--><!--]--></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-e7141832><!--[--><!--[--><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-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-medium"><!--[--><!--[--><div><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; }

Create a free account and access millions of resources

Create resources
Host any resource
Get auto-graded reports
or continue with
Microsoft
Apple
Others
By signing up, you agree to our Terms of Service & Privacy Policy
Already have an account?