3-Web Design ~ HTML Colors -CodeHS Unit 2 Lesson 10
 
HTML Colors - Lesson 2.10
Lesson 2.10

HTML Colors

πŸ”₯ Warm-Up

Think about your favorite websiteβ€”what colors do you notice, and how do those colors make you feel when you visit the site?

🎯 Learning Objective

Students will apply various HTML color methods (names, hex codes, RGB values) to style web elements and evaluate the effectiveness of different color combinations in their web designs.

πŸ“š Activities

πŸŽ₯
HTML Colors
Watch the instructional video to learn about different ways to add colors in HTML.
Video
βœ…
HTML Colors Quiz
Test your understanding of HTML color concepts and syntax.
Quiz
πŸ’‘
HTML Colors Examples
Explore code examples demonstrating different color implementations.
Example
πŸ‘Ÿ
Shoelaces
Practice applying colors by styling shoelace elements.
Exercise
🌈
Rainbow
Create a colorful rainbow using HTML color techniques.
Exercise
🎨
Color Wheel
Explore color theory and how colors relate to each other.
Connection
⭐
All About You
Design a personal webpage using your favorite colors.
Exercise

🎬 Closure

Reflection: Review your completed exercises and respond to the prompts below.

Written Response:

Useful links
Last updated  2025/10/20 01:06:06 PDTHits  37