HTML Basics

HTML Elements are the smallest building blocks of every website, it's that simple. In this video, I teach you about different kinds and show you how to make one.

The DOM is a powerful place where you can add, remove, and manipulate HTML elements. This whole family tree of elements is sometimes referred to as the DOM (Document Object Model). In this video, I show you an easy way to think about the DOM.

Different elements have different Display Types. But what is a display type and why does it matter? In this video, I show you the three most common Display Types used in HTML elements and when to use which one.

If you want your elements to 'do stuff' rather than just 'look' a certain way, you can use attributes to add functionality and behavior to them. In this video, I show you how to define an attribute and how to add it to your elements.

Demo time!!! Let's put all these concepts together and create a demo. Time to write some code!

There are many ways to write build an HTML page that may look the same, but under the hood, the code can be significantly better or worse. In this video, I introduce you to the idea of HTML Semantics that will take your code and elevate the quality.

Demo time!!! HTML Semantics is so important that before we go any further, we need to look at a few examples of why Semantics can elevate your code to a higher quality.

In this video, I show you a few simple tips and tricks to help you build more interesting pieces alongside everything else we have learned together.

Everything we have looked at together so far belongs in the BODY tag, which is where all the visible stuff goes. In this video, I show you an entirely different tag dedicated for all the invisible stuff!

In the last video of this course, I walk you through Selectors, the last concept we need before we can wrap up HTML and start talking about CSS. This is a critical step in our understanding of the DOM and how to connect other pieces of code into your HTML.