Lesson 0
The Sixteen Steps
Learn to Code HTML/CSS
- 1Paragraphs – Displaying text in the browser
- 2Headings – An introduction to hierarchy
- 3HTML Elements explained – Illustrated with a hyperlink
- 4Images – Bringing your page to life
- 5Structure – Setting up your page
- 6CSS – Designing your HTML
- 7Building an interface – Putting your learning into practice
- 8Building Blocks – Structural HTML elements explained
- 9Box Model – Everything in HTML is like a box
- 10Basic layout – Using margins and padding
- 11Aligning elements – It doesn't have to be linear
- 12Positioning – Beyond margins and floats
- 13Background images – Using images in your design
- 14Media queries – Making your page responsive
- 15Animation – Bringing your page to life
- 16Form – Connecting to a back end process