codepancake

your daily code for breakfast

5 online resources to learn HTML & CSS

Time for another list of great resources. If you’re really interested in web development or if you just want to build a static webpage, it’s good to know some basics of HTML & CSS.  I hope these resources will help you with getting started. Have fun learning!

About HTML & CSS
HyperText Markup Language (HTML) is the standard markup language to create webpages. Web browsers can read HTML files and compose them into visible or audible web pages. Browsers do not display the HTML tags and scripts, but use them to interpret the content of the page.

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language like HTML. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.

There are many, many, many, (seriously many!) resources and websites about HTML & CSS and to make it a bit more easy, I’ll give you five great ones to start with.

Resources

  • Codecademy. Codecademy improved a lot lately. This course teaches you how to make a website. It consists of five different units, and it guides you from the basics of HTML to the basics of CSS. What I like about this course is that you’re actually building a recent version of Airbnb’s website and that you’ll also learn about CSS frameworks like Bootstrap. Having some knowledge about Bootstrap can be very useful. Long story short: a really nice course that teaches you all the basics you need to know.
  • W3Schools.com. To be honest: I mostly used this website to learn sql, but W3Schools also offers a very nice course on HTML & CSS. The course contains a lot information and quizzes and they are very nice. At the end of each tutorial, you can find over 200 examples and exercises. You can edit and test each example yourself. The nice part about W3Schools, besides being super comprehensive, is that you can code directly in the editor on their website.
  • Learn to Code HTML & CSS. This is a very comprehensive guide when it comes to learning HTML & CSS. It’s starts with a short intro to HTML, CSS and document structure and ends with a lot of information on ‘how to write your best code’. The examples in this guide are very clear and it’s well-written. Another pro is the nice set of additional resources and links for further reading. If this course is too easy for you, you can also go on and follow the ‘Learn to Code Advanced HTML & CSS course‘.
  • HTML5 Beginner’s Guide.  This is a nice and brief introduction to HTML5 and CSS. You’ll start with an explanation about HTML5. After that, you’ll build a static website for a fictive Indie-Rock band. This guide really encourages you to use a text editor to write your first lines of code, gives you a lot of examples and let you choose the one you like best. It’s a clear and brief guide to help you create your first webpage. I really like the HTML cheatsheet in this guide, it really comes in handy!
  • HTML5 & CSS3 Fundamentals: Development for Absolute BeginnersThis is a Microsoft Virtual Academy course and it’s a bit different from the rest. In this course you’ll watch 21 videos about HTML & CSS. It’ll teach the fundamentals of HTML5 & CSS programming and besides that, you’ll learn concepts about web pages, CSS3 styles, and HTML5 features. It takes some time to go through all the videos, but they are very clear and easy to follow. You’ll definitely be an expert when you finish this course!

Do you have any other resources that are worth sharing as well? Let me know!

If you’re curious about the best resources to learn JavaScript, I recommend you to read my blog post about JS.

Enjoy coding!

* Picture by Found Animals Foundation