HTML & CSS Material Review Topics

First part

Introduction
Layout of the 4 hours
Codepen (registration, new pen, fork pen)
Anatomy of an HTML element
Nesting elements
Block versus inline elements
Empty elements
Core elements
- div
- span
- h1 - h6
- p
- ul
- ol
- li
Semantic elements
Attributes
Whitespaces in HTML
HTML comments

Second part

Forms
- form
- input
- textarea
- label
- fieldset
- legend
MDN Web Docs
Anatomy of a CSS ruleset
Selecting multiple elements
Different types of selectors
- Elements
- Class

Third part

The box model
Core properties
- padding
- border
- margin
- height
- width
- background
- color
- font-size
Add font to Codepen
Google fonts

Fourth part

Exercise list and example
Help on exercises
Help on topics
Stackoverflow
Stackoverflow for teams
What you'll receive tomorrow?
- Discord invitation link in an email from us
- Stackoverflow invitation link in an email from Stackoverflow
- This site where the exercises are in the email from us (but also on the website)