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!
Improve this lesson on GitHub

Have a question?

Chat with our friendly Odin community in our Discord chatrooms!

Open Discord