Semantics (DEMO)

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
Selectors
Basic CSS Selectors like Class and ID

Last Updated: February 4, 2023

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!