Marking up a webpage

Video playlist walking you through writing the semantics for a small business webpage.


Referenced lessons

This website combines together all the knowledge and skill from the following lessons.

  1. HTML semantics
  2. HTML indentation

Video list

  1. Marking up a webpage: boilerplate
  2. Marking up a webpage: masthead
  3. Marking up a webpage: banner & intro
  4. Marking up a webpage: products section
  5. Marking up a webpage: recipes section
  6. Marking up a webpage: footer
  7. Marking up a webpage: recipe page
  8. Marking up a webpage: recipe header
  9. Marking up a webpage: recipe details
  10. Marking up a webpage: recipe nutritional info
  11. Marking up a webpage: recipe ingredients
  12. Marking up a webpage: recipe directions
  13. Marking up a webpage: recipe comments