HTML Fundamentals

A beginner-friendly notebook covering the building blocks of HTML — document structure, elements and attributes, text, links, images, lists, tables, semantic markup, forms, and accessibility. Pairs directly with the CSS Fundamentals notebook.

Introduction to HTML

What is HTML?Setting Up Your First HTML File

HTML Document Structure

Anatomy of an HTML Document Head vs Body: What Goes Where

HTML Elements & Tags

Understanding Elements and Tags Void / Self-Closing Elements

HTML Attributes

What Are Attributes?Global Attributes (id, class, style, title)

Text Formatting & Headings

Headings and Paragraphs Text Formatting Tags (Bold, Italic, and More)

Links & Navigation

The Anchor Tag & href Linking to Sections, Email, and Files

Images & Media

Adding Images with <img>Audio and Video Embedding

Lists: Ordered & Unordered

Unordered and Ordered Lists Nested Lists and Description Lists

Tables

Building a Basic Table Table Headers, Spanning, and Captions

Semantic HTML

Why Semantic Markup Matters Key Semantic Elements

Forms & Input Elements

Building a Basic Form Input Types and Form Controls

Form Validation

Built-in HTML Validation Attributes Labels, Fieldsets, and Accessibility in Forms

Accessibility Basics

Why Accessibility Matters ARIA and Alt Text Basics

Meta Tags & SEO Basics

The <meta> Tag and Viewport Open Graph and SEO Meta Tags

HTML5 New Features

New Semantic and Media Elements Data Attributes and Web Storage APIs Overview

HTML Fundamentals — Free Beginner Notebook | DevNotes