Web Development Knowledge Check

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.

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.

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

• git checkout -b

• git new-branch

• git branch

• git create

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.

What are semantic elements in HTML? Give examples.

• , ,

  , , , , , , , Examples of semantic elements include , , , , , , and . 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. 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 How do you define a grid layout in CSS? Use 'display: flex;' to create a grid layout. Define rows with 'row-template' and columns with 'column-template' properties. Set 'grid-layout: true;' on the container. Use 'display: grid;' on the container and define rows and columns with 'grid-template-rows' and 'grid-template-columns'. What are font properties in CSS? Name a few. font-spacing font-size, font-family, font-weight, font-style font-background font-color Explain the box model in CSS and its components. Margin, padding, and footer Content, padding, and header The box model in CSS consists of content, padding, border, and margin. Content, border, and outline 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 Classlink Continue with Clever or continue with Microsoft Apple Others Already have an account? Log in Let me read it first Similar Resources on Wayground View all 21 questions Microsoft Excel Quiz 1 Grade 12 Quiz • 12th Grade 20 questions UH_TIK_XII Quiz • 12th Grade 22 questions Coding basics Quiz • 4th - 12th Grade 20 questions Excel Spreadsheet Intro Quiz • KG - University 20 questions EmTech: LONG QUIZ for Lesson 3 & 4 Quiz • 11th - 12th Grade 19 questions Test word Quiz • 8th Grade - University 20 questions js DOM Quiz • 12th Grade - Professi... 16 questions Revision MIT App Inventor after lvl3 clouds Quiz • 5th - 12th Grade Popular Resources on Wayground 15 questions Fractions on a Number Line Quiz • 3rd Grade 20 questions Equivalent Fractions Quiz • 3rd Grade 25 questions Multiplication Facts Quiz • 5th Grade 22 questions fractions Quiz • 3rd Grade 20 questions Main Idea and Details Quiz • 5th Grade 20 questions Context Clues Quiz • 6th Grade 15 questions Equivalent Fractions Quiz • 4th Grade 20 questions Figurative Language Review Quiz • 6th Grade Discover more resources for Computers 18 questions [AP CSP] JavaScript Programming Lesson 2025-2026 Lesson • 9th - 12th Grade © 2026 Quizizz Inc. (DBA Wayground) Sitemap Get our app