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
11 questions
Exercises
Presentation
•
6th Grade
15 questions
การใช้โปรแกรมไมโครซอฟท์เวิลด์ ป.6
Presentation
•
6th Grade
13 questions
Ordering and Comparing Rational NUmbers
Presentation
•
6th Grade
11 questions
HTML coding
Presentation
•
7th Grade
12 questions
1.3 ชนิดของเซต
Presentation
•
6th Grade
13 questions
Clase 1 - Introducción a la Programación
Presentation
•
11th - 12th Grade
16 questions
Geography of Ancient China
Presentation
•
6th Grade
13 questions
Word Choice
Presentation
•
6th - 7th Grade
Popular Resources on Wayground
16 questions
Grade 3 Simulation Assessment 2
Quiz
•
3rd Grade
19 questions
HCS Grade 5 Simulation Assessment_1 2526sy
Quiz
•
5th Grade
10 questions
Cinco de Mayo Trivia Questions
Interactive video
•
3rd - 5th Grade
17 questions
HCS Grade 4 Simulation Assessment_2 2526sy
Quiz
•
4th Grade
24 questions
HCS Grade 5 Simulation Assessment_2 2526sy
Quiz
•
5th Grade
13 questions
Cinco de mayo
Interactive video
•
6th - 8th Grade
20 questions
Math Review
Quiz
•
3rd Grade
30 questions
GVMS House Trivia 2026
Quiz
•
6th - 8th Grade