Anatomy of a website

The rules of the web

Languages of the web

Terminology and syntax

Exercise The development environment

Exercise Customizing your text editor

Exercise Setting up your dev environment

Why should I learn HTML

How to use the exercise files

Ordered, unordered, and description lists

Paragraphs and headings

Quotations

Exercise Formatting text, part 1

Date and time

Bold and italics

Exercise Formatting text, part 2

Character entity reference

HTML and typography

Challenge Write text-based HTML markup for course project

Code and line breaks

Solution Demo

The basic HTML document

Structuring content, part 1

Structuring content, part 2

HTML tables

Exercise Create an HTML table

Challenge Add structural elements to project

The Document Object Model

Solution Demo

The hyperlink

Relative and absolute URLs

Navigation

Types of links

Challenge Add links and navigation

Solution Demo

Image formats

Width and height attributes

Embedding images

Optimizing images

Developer tools and resizing images

Challenge Add responsive images

Responsive images, part 1

Solution Demo

Responsive images, part 2

Responsive images with picture

Video

Adding captions and subtitles

Audio

Embedding media with iframes

Challenge Add media to project

What are web forms

Input types

Form validation

HTML form basics

Additional form elements

Checkbox and radio inputs

Challenge Add a contact form

Solution Demo

What is accessibility

Supporting languages

Accessible Rich Internet Applications (ARIA) basics

Next steps

customize-vs-code