Introduction

This is the first of the two part course where we dig deeper into HTML and CSS.

Our foundations lessons by design only scratched the surface of what’s possible. We wanted to give you all of the bare necessities for getting started so you could move on and be somewhat productive as quickly as possible, but now it’s time to slow down and dig in!

You have probably realized by now that there are many more HTML elements than we mentioned in our foundations content. Throughout this course, we’ll be hitting the rest of the important elements such as forms and tables.

There is also a lot more that you can do with CSS that you’ll learn throughout this course, such as variables, functions, shadows and of course grid layouts! So buckle up! By the time you finish this course, you’ll be able to recreate just about any web design you can find on the internet… which is an important skill to carry forward. Even if you are not shooting for a front-end specific job, being able to make your portfolio pieces look nice is important when it comes to making yourself stand out.

You’ll learn about animations, accessibility, and responsive design in the second part of this course later in the curriculum.

Assignment

  1. Read through this HTML elements reference to get an overview of what other HTML elements are available to you. No need to commit this to memory because you’ll be learning the important parts as we go, but having a glance now will help the content stick later.
  2. Take a glance at a somewhat overwhelming looking CSS Cheat Sheet. Again, we don’t need you to learn anything specific, or memorize anything from this list. Just use it to get a feel for what you still have left to learn!

Additional resources

This section contains helpful links to related content. It isn’t required, so consider it supplemental.

  • It looks like this lesson doesn’t have any additional resources yet. Help us expand this section by contributing to our curriculum.

Support us!

The Odin Project is funded by the community. Join us in empowering learners around the globe by supporting The Odin Project!