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
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
10 questions
File explorer
Presentation
•
6th Grade
15 questions
So sánh hơn của tính từ
Presentation
•
5th - 6th Grade
Popular Resources on Wayground
5 questions
A Home on the Shore
Quiz
•
3rd Grade
28 questions
US History Regents Review
Quiz
•
11th Grade
6 questions
A Horse Tale
Quiz
•
3rd Grade
20 questions
Math Review
Quiz
•
3rd Grade
10 questions
Juneteenth History and Significance
Interactive video
•
5th - 8th Grade
20 questions
Dividing Fractions
Quiz
•
5th Grade
55 questions
A Long Walk to Water Final Review
Quiz
•
6th - 8th Grade
10 questions
Equation Word Problems
Quiz
•
7th Grade
Discover more resources for Computers
10 questions
Juneteenth History and Significance
Interactive video
•
5th - 8th Grade
55 questions
A Long Walk to Water Final Review
Quiz
•
6th - 8th Grade
20 questions
Math Review - Grade 6
Quiz
•
6th Grade
10 questions
Static and Dynamic Characters
Quiz
•
6th Grade
42 questions
ELA Final Exam Review
Quiz
•
6th Grade
23 questions
Potential and Kinetic Energy
Quiz
•
6th Grade
20 questions
All About Chicken Nuggets
Quiz
•
6th Grade
28 questions
A Rover's Story, part 1
Quiz
•
6th - 8th Grade