Colors Practice

Essential Question: How can I use colors in HTML?

Mastery Objectives:

• SWBAT create hexadecimal colors in HTML.

• SWBAT format font colors in HTML.

• SWBAT format border colors in HTML.

• SWBAT format <div> colors HTML.

Resources: HTML - Colors - W3Schools.com 

Directions: Create a website utilizing many ways that color can be used in HTML. 

• Background Color HTML body tag 

• Background color for the <p> element. HTML Colors 

• Background color for <h1> element. HTML Colors 

• 3 different color fonts. HTML font tag 

• Background color for two different <div> elements. HTML Div Tutorial 

<style>

     div {

             background-color: #FFF4A3;

     }

</style>

• Different border color for the <div> elements. HTML Colors 

• Your page should have colors created using the following methods:

  • RGB HTML RGB and RGBA Colors 

  • RGBA HTML RGB and RGBA Colors 

  • Hexadecimal HTML HEX Colors 

  • Predefined colors HTML Colors 

• Table background color HTML Table Styling