Quiz 2 Revision: Prog C
Presentation
•
Computers
•
8th Grade
•
Practice Problem
•
Hard
Yasmin Basiran
FREE Resource
10 Slides • 9 Questions
1
Revision for Quiz 2 (CH2-17)
2
Intro to HTML
The HTML is like a body
The head contains the title.
The body contains all the contents of the page.
Each element has an opening tag, and a closing tag.
3
Intro to CSS
CSS is like a designer
CSS can help personalize the style of the contents on a page.
There are 3 types: inline, internal and external CSS.
4
Multiple Choice
What is the purpose of HTML in web development?
Styling web pages
Creating interactive games
Structuring and presenting content on the web
5
Multiple Choice
Which tag is used for creating headings in HTML?
<head>
<title>
<h1> to <h6>
6
HTML Division
Generic container to separate sections
As a generic container, the <div> element allow us to:
have a group of HTML elements within the <div> element.
apply different styles for different contents more easily.
make the content more structured and organized in a “box” way.
7
Content: The content can be text, image (or something else).
Width and height: The width and height of the content box.
Padding: A transparent gap between content and border.
Border: A border that goes around the padding and content.
Margin: A transparent gap between border and any other HTML element.
CSS Box Model
8
Multiple Choice
What are the main components of the CSS Box Model?
Margin, Padding, Content, Border
Header, Footer, Sidebar, Main
Text, Font, Color, Background
9
A block element starts on a new line.
Multiple block elements stack on the top of each other.
A block element takes up the entire width unless the width is explicitly set.
Block
Does not start on a new line.
Multiple inline elements line up in one line.
Inline elements only take the space that is necessary.
Inline
CSS Display Property
10
CSS Flexbox
CSS Flexbox is a tool that helps you arrange things side by side or in a column on a website. It makes it easy to space them out and line them up just the way you want.
11
Multiple Choice
What is the purpose of CSS Flexbox?
Changing text color
Arranging elements in a flexible layout
Adding images to a webpage
12
Intro to Bootstrap
What is Bootstrap?
Framework is a set of tools that are put together to help you to accomplish your job better and faster.
The set of tools in Bootstrap are the CSS code of the website components such as buttons and navigation bar that have been designed for you.
13
Grid
Navigation Bar
Carousel
Containers
Colors
Columns
Buttons
Cards
Features
What can Bootstrap do?
14
Multiple Choice
What does the term "responsive design" mean in the context of Bootstrap?
Designing without colors
Creating designs that adapt to different screen sizes
Designing only for desktop computers
15
Multiple Choice
What is a "container" in Bootstrap?
A storage box
A wrapper for content with a responsive width
A programming language
16
Multiple Choice
Which class is used to create a responsive navigation bar in Bootstrap?
.nav-container
.nav-row
.navigation-bar
.navbar
17
Multiple Choice
What is the purpose of Bootstrap's grid system?
Creating responsive page layouts
Creating tables
Displaying images
Making web icons
18
Notes before Quiz 2
Intructions:
This quiz is open book. You can refer to the revision slides in the dashboard / lesson notes.
There are 25 questions.
You'll have 45 minutes to answer the questions.
19
Open Ended
Are you all ready for the quiz 2? (No matter the answer, I wish you all the best, and I know you can do it!)
Revision for Quiz 2 (CH2-17)
Show answer
Auto Play
Slide 1 / 19
SLIDE
Similar Resources on Wayground
14 questions
Population Sampling
Presentation
•
8th Grade
14 questions
Federalism
Presentation
•
8th Grade
14 questions
Computer Science History
Presentation
•
8th Grade
15 questions
Logic Gates
Presentation
•
9th Grade
15 questions
Bài học không có tiêu đề
Presentation
•
8th Grade
14 questions
Cloning
Presentation
•
8th Grade
14 questions
Percents
Presentation
•
8th Grade
14 questions
Balanced and Unbalanced Forces
Presentation
•
8th Grade
Popular Resources on Wayground
6 questions
Secondary Safety Quiz
Presentation
•
9th - 12th Grade
10 questions
Afterschool Activities & Sports
Quiz
•
6th - 8th Grade
19 questions
ROAR Week 2026
Quiz
•
9th - 12th Grade
20 questions
Lab Safety Quiz
Quiz
•
6th Grade
15 questions
Cool Tool:Chromebook
Quiz
•
6th - 8th Grade
22 questions
would you rather
Quiz
•
3rd - 11th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
Discover more resources for Computers
20 questions
Early Computing
Quiz
•
7th - 12th Grade
10 questions
Exploring the Parts of a Computer
Interactive video
•
6th - 10th Grade
10 questions
Navigating Digital Citizenship and Online Safety
Interactive video
•
6th - 10th Grade
11 questions
Technology Acceptable Use
Quiz
•
6th - 8th Grade
9 questions
Discussion Boards
Quiz
•
6th - 8th Grade
10 questions
Mastering Proper Keyboarding Techniques
Interactive video
•
6th - 10th Grade