HTML & CSS explained
for normal people

HTML & CSS explained
for normal people

Want to get new posts in your inbox? Sign up to my newsletter.

Want to get new posts in your inbox? Sign up to my newsletter.


I started Code The Web with a goal of helping more people get into coding, and explaining what can often seem like confusing technical jargon in simple and easy-to-understand ways. I really want to help more people, so thanks for coming to this page!

If you ever need help with coding or while going through the tutorials, you can email me at . Enjoy my tutorials, and good luck on your coding journey!

Take care,


Founder of Code The Web

Web development in general:

  1. How the internet works
  2. How to learn web development
  3. Practice web development on your computer
  4. The steps to creating a website (HTML & CSS)
  5. 6 Reference sites to help you learn web development in 2018 and beyond... 🚀
  6. Why you should join DevChat
  7. A beginner's guide to getting your website online with GitHub Pages


  1. HTML syntax
  2. The structure of an HTML document
  3. Basic types of HTML tags
  4. Links, images and about file paths
  5. Wrapping and grouping HTML elements
  6. Lists and navigation in HTML
  7. The complete guide to HTML icons — iOS, Android, desktop and more...


  1. CSS syntax
  2. Basic CSS properties
  3. CSS sizing and positioning
  4. Advanced CSS positioning using the position property
  5. CSS display types
  6. Advanced background image manipulation using CSS
  7. CSS units — there are more than you think... 🤔
  8. The comprehensive guide to CSS flexboxes
  9. How to create a full-page hero image (HTML & CSS)
  10. Styling a navigation bar using CSS
  11. CSS text properties, and how to use Google Fonts on your website