Web Development Knowledge Check

Web Development Knowledge Check

12th Grade

20 Qs

quiz-placeholder

Similar activities

CSS Quiz

CSS Quiz

7th - 12th Grade

20 Qs

Questions M2

Questions M2

1st - 12th Grade

16 Qs

Web Development Essentials

Web Development Essentials

12th Grade

15 Qs

Mastering Bootstrap Fundamentals

Mastering Bootstrap Fundamentals

12th Grade

20 Qs

HTML and CSS Quiz Review

HTML and CSS Quiz Review

9th Grade - University

25 Qs

Using CSS Layout Properties

Using CSS Layout Properties

9th - 12th Grade

20 Qs

CSS Display

CSS Display

9th - 12th Grade

20 Qs

Web Development

Web Development

7th Grade - University

20 Qs

Web Development Knowledge Check

Web Development Knowledge Check

Assessment

Quiz

Computers

12th Grade

Hard

Created by

Suman cheera

Used 1+ times

FREE Resource

20 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the

element in HTML?

To define the structure of a webpage.

To create an interactive form for user input.

To create a navigation menu.

To display images on a webpage.

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How do you create a flex container in CSS?

Apply 'position: flex;' to the container element.

Set 'display: flex;' on the container element.

Set 'display: block;' on the container element.

Use 'flex: true;' in the container's CSS.

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What command is used to create a new branch in Git?

git checkout -b

git new-branch

git branch

git create

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Explain the Bootstrap grid system and its advantages.

The Bootstrap grid system is a fixed layout that does not adapt to different screen sizes.

The Bootstrap grid system requires JavaScript to function properly and cannot be used with CSS alone.

The Bootstrap grid system is only for mobile devices and does not support desktop layouts.

The Bootstrap grid system provides a flexible and responsive layout structure, allowing for easy organization of content across various screen sizes, enhancing user experience and design consistency.

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What are semantic elements in HTML? Give examples.

, ,
,

, , ,

, ,

,

Examples of semantic elements include

,
,
,
,

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can you create a fade-in animation using CSS?

Use transition: fadeIn 2s;

Use @keyframes to define fade-in effect: @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } and apply it with animation: fadeIn 2s;

Set opacity: 0; and visibility: visible;

Apply transform: scale(1.5); to create a zoom effect.

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What are the different types of CSS positioning?

Static, Relative, Absolute, Fixed, Sticky

Visible, Hidden, Collapsed, Expanded

Top, Bottom, Left, Right

Inline, Block, Flex, Grid

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?