Code.org Unit 2 Lessons 4-6
Presentation
•
Computers
•
6th Grade
•
Practice Problem
•
Medium
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
Where in the code do we go to change the color in the h3 tag?
color
font-size
h3
<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
How can you make this heading larger?
<h1>Dolphins</h1>
<h6>Dolphins</h6>
<h3>Dolphins</h3>
<h4>Dolphins</h5>
7
Multiple Choice
Why does the code sometimes turn pink?
there is a bug that needs to be fixed
pink means no problems keep going
pink means there is a header
pink means to put in a paragraph
8
Multiple Choice
How can we fix this error in the code?
<h1>Styles of Dance</h3>
<h1>Styles of Dance</h4>
<h1>Styles of Dance</h1>
<h1>Styles of Dance<br>
<H1>Styles of Dance</H1>
9
Fill in the Blanks
Type answer...
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?
<p>
<body>
<ol>
<li>
12
Multiple Choice
Which tag represents a list?
<p>
<body>
<ol>
<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?
Cats Standing Still
Cascading Style Sheets
Coats Shapes Square
Cute Style Sheets
17
Multiple Choice
Is this HTML or CSS in the picture?
CSS
HTML
18
Code.org Unit 2 Lessons 4-7
by Carrie Casey
Show answer
Auto Play
Slide 1 / 18
SLIDE
Similar Resources on Wayground
10 questions
File explorer
Presentation
•
6th Grade
15 questions
So sánh hơn của tính từ
Presentation
•
5th - 6th Grade
13 questions
Adding and subtracting Integers (negative and positive)
Presentation
•
6th - 7th Grade
14 questions
Pengenalan Microsoft Word Kelas 7
Presentation
•
7th Grade
16 questions
Translating Word Expressions to Math Expressions
Presentation
•
6th Grade
12 questions
Credible Sources
Presentation
•
6th Grade
11 questions
Multiplying and Dividing Fractions/Mixed Numbers
Presentation
•
6th Grade
15 questions
Pedoman Bersosial media
Presentation
•
6th 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
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
21 questions
digital citizenship
Quiz
•
6th Grade