Search Header Logo
Code.org Unit 2 Lessons 4-6

Code.org Unit 2 Lessons 4-6

Assessment

Presentation

•

Computers

•

6th Grade

•

Practice Problem

•

Medium

Created by

Carrie Casey

Used 40+ times

FREE Resource

9 Slides • 9 Questions

1

Code.org Unit 2 Lessons 4-7

by Carrie Casey

2

​CSS

​What is a style sheet?

A style sheet is a document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.

​

​What is CSS?

CSS is a language that controls the way content on a web site appears. It uses rule-sets to change the look of a page. Each rule set has a selector, which specifies which elements on the page will be affected, and the rules, which explain how to display the elements. Each rule consists of a property and a value for that property.

3

​Rule Set

​Making a new CSS rule-set

The block of code that gives rules for a particular tag is called a rule-set. You can make a new rule set by copying the pattern you see in the rule-set for the h1 tag.

4

Multiple Choice

Question image

Where in the code do we go to  change the color in the h3 tag?

1

color

2

font-size

3

h3

4

<p>

5

​Line Breaks and Paragraphs

​Line Break

In some situations, like a poem or a list, you'll want to start a new line inside the same paragraph, like you might do in poetry. You can use the line break <br> tag for this.

Tip: The <br> tag is useful for writing addresses or poems. It does not need a closing tag!

Note: Use the <br> tag to enter line breaks, not to separate paragraphs. Always separate each paragraph with its own set of <p> and </p> tags!

6

Multiple Choice

Question image

How can you make this heading larger?

1

<h1>Dolphins</h1>

2

<h6>Dolphins</h6>

3

<h3>Dolphins</h3>

4

<h4>Dolphins</h5>

7

Multiple Choice

Why does the code sometimes turn pink?

1

there is a bug that needs to be fixed

2

pink means no problems keep going

3

pink means there is a header

4

pink means to put in a paragraph

8

Multiple Choice

How can we fix this error in the code?

<h1>Styles of Dance</h3>

1

<h1>Styles of Dance</h4>

2

<h1>Styles of Dance</h1>

3

<h1>Styles of Dance<br>

4

<H1>Styles of Dance</H1>

9

Fill in the Blank

Type in how we can fix this code.

<h3>Ballet</h1>

10

​Ordered lists

​Ordered Lists

What are the two types of lists?What is an ordered list?How do I make an ordered list?

An ordered list is like an unordered (bulleted) list, but it has numbers. Just use the <ol> tag instead of <ul>.

11

Multiple Choice

Which tag represents an ordered list?

1

<p>

2

<body>

3

<ol>

4

<li>

12

Multiple Choice

Which tag represents a list?

1

<p>

2

<body>

3

<ol>

4

<li>

13

​Cascading Style Sheets = CSS

​Adding Style

This Web Lab project is using a new language to add style to the page. With a partner explore both the index.html and style.css files. Be ready to discuss the following questions.

  • What changes is this new language making to the page?

  • How is this language different from HTML?

  • How are the index.html and style.css files connected?

14

15

​Rule-Set

​Making a new CSS rule-set

The block of code that gives rules for a particular tag is called a rule-set. You can make a new rule set by copying the pattern you see in the rule-set for the h1 tag.

16

Multiple Choice

What does CSS stand for?

1

Cats Standing Still

2

Cascading Style Sheets

3

Coats Shapes Square

4

Cute Style Sheets

17

Multiple Choice

Question image

Is this HTML or CSS in the picture?

1

CSS

2

HTML

18

Code.org Unit 2 Lessons 4-7

by Carrie Casey

Show answer

Auto Play

Slide 1 / 18

SLIDE

Similar Resources on Wayground

38 JavaScript Wyświetlanie komunikatów

12 questions

38 JavaScript Wyświetlanie komunikatów

lesson

Lesson

•

KG

Identifying, Representing, Ordering, and Comparing Integers

16 questions

Identifying, Representing, Ordering, and Comparing Integers

lesson

Lesson

•

6th Grade

Fraction Decimal Percent Conversions Lesson & Practice

16 questions

Fraction Decimal Percent Conversions Lesson & Practice

lesson

Lesson

•

6th Grade

Snake Python

15 questions

Snake Python

lesson

Lesson

•

KG

Programming

15 questions

Programming

lesson

Lesson

•

6th Grade

Absolute Value

12 questions

Absolute Value

lesson

Lesson

•

6th Grade

Interior Angles of Triangles

11 questions

Interior Angles of Triangles

lesson

Lesson

•

6th Grade

Guidelines and Tips for Creating Good HTML Code

11 questions

Guidelines and Tips for Creating Good HTML Code

lesson

Lesson

•

6th Grade

Popular Resources on Wayground

Fractions on a Number Line

15 questions

Fractions on a Number Line

quiz

Quiz

•

3rd Grade

Probability Practice

10 questions

Probability Practice

quiz

Quiz

•

4th Grade

Probability on Number LIne

15 questions

Probability on Number LIne

quiz

Quiz

•

4th Grade

Equivalent Fractions

20 questions

Equivalent Fractions

quiz

Quiz

•

3rd Grade

Multiplication Facts

25 questions

Multiplication Facts

quiz

Quiz

•

5th Grade

fractions

22 questions

fractions

quiz

Quiz

•

3rd Grade

Appropriate Chromebook Usage

6 questions

Appropriate Chromebook Usage

lesson

Lesson

•

7th Grade

Greek Bases tele and phon

10 questions

Greek Bases tele and phon

quiz

Quiz

•

6th - 8th Grade

Discover more resources for Computers

Exploring Digital Citizenship Essentials

10 questions

Exploring Digital Citizenship Essentials

interactive video

Interactive video

•

6th - 10th Grade

World War II
Subtracting decimal numbers using place value strategies
Problem-solving strategies
Use Punnett squares to calculate probabilities of offspring types
Understanding that a function is a mapping from one set of inputs (called the domain) to another set of outputs (called the range)
Finding intersection points
Systems Biology
Jobs and occupations
Identifying/Constructing a linear function (including arithmetic sequences) from a set of input-output pairs
Memorial Day

© 2026 Quizizz Inc. (DBA Wayground)