1. Intro to Web Development Nesting Elements

2. Create Web Page with Nested <div> Elements

3. <div> "division" HTML element Rectangle can Contain Anything

4. Example <div> Element Code

5. Nested <div> Elements

6. <div> Element with Gold Background Using CSS Code

7. Gold "Stuff 1" <div>

8. Step 1: Start with nested.html
Go to Web Development Course:
Open nesting.html PC
View source code ctrl - u
Select All ctrl - a
Copy ctrl - c

9. Step 1: Start with nested.html
Go to Web Development Course:
Open nesting.html Mac
View source code
Select All
Copy a c

10. Step 2: Paste into Atom
Start Atom
Create New File (File > New File) PC
Paste into Atom (ctrl-v)
Save to Desktop (ctrl-c) as nesting.html

11. Step 2: Paste into Atom
Start Atom
Create New File (File > New File) Mac
Paste into Atom ( )
Save to Desktop ( ) as nesting.html v s

12. Step 3: Open in Chrome

13. Step 4: Nest Gold "Stuff1" <div> In Aqua <div>

14. Step 4: Nest Gold "Stuff1" <div> In Aqua <div>

15. Step 4: Nest Gold "Stuff1" <div> In Aqua <div>

16. Step 4: Nest Gold "Stuff 1" div> In Aqua <div>

17. Step 5: Create Nested <div> Page

18. Hint Colors Used are "aqua" "gold" "pink"