arrow left

HTML Basics

VIDEOS

EPISODE 1
What is HTML?
What is HTML and why is it so fundamental to learning web development?
EPISODE 2
Elements
The building blocks of every HTML page
EPISODE 3
The DOM
The Document Object Model, the foundation of all HTML pages
EPISODE 4
Display Types
What are Display types in CSS and why are they useful?
EPISODE 5
Attributes
How to add functionality to HTML elements
EPISODE 6
The DOM (DEMO)
Live Coding: Let's play with the DOM
EPISODE 7
HTML Semantics
How to take your HTML to the next level
EPISODE 8
Semantics (DEMO)
Live Coding: HTML Semantics
EPISODE 9
Useful Things
A few useful tips and trick in HTML
EPISODE 10
HEAD tag
What is the HEAD tag in HTML and what is it used for?
EPISODE 11
Identifiers, Class, ID
How to we target elements in CSS?

Last Updated: May 2, 2025

Semantics (DEMO)

Live Coding: HTML Semantics

Let's use better semantics in our Walter White example page. It will change the structure of our page slightly but will have clear benefits as explained in the previous video. Here we go!