Introduction to HTML
Lesson 1: Introduction to HTML
Building the Foundation of the Web
Think of HTML (HyperText Markup Language) as the blueprint of a website. Just as a house needs a frame before you can choose the paint colors, every website needs HTML to define its structure and content. In this lesson, you’ll stop being a consumer of the web and start becoming a creator.
What We’ll Cover:
-
The Anatomy of a Tag: Understanding opening tags, closing tags, and how elements wrap around content.
-
Document Structure: Setting up the essential
<!DOCTYPE html>,<html>,<head>, and<body>boilerplate. -
Text Hierarchy: Using headings (
<h1>through<h6>) and paragraphs (<p>) to organize information. -
Lists & Links: Creating ordered and unordered lists and connecting pages using the anchor (
<a>) tag. -
Adding Media: How to properly embed images using the
<img>tag and alt text for accessibility.
Key Learning Outcomes:
By the end of this lesson, you will have hand-coded your very first web page from scratch—no “website builders” or drag-and-drop tools required. You’ll understand how browsers read your code to display text and images to the world.
Fun Fact: HTML isn’t a programming language; it’s a markup language. It doesn’t perform “logic,” it simply tells the browser what is what.