The Complete Guide to HTML

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome To The Course!

Lecture 2: Join The Community!

Lecture 3: Whirlwind Tour of The Web

Lecture 4: Comparing The Roles of HTML, CSS & JavaScript

Lecture 5: Installing The Course Tools

Lecture 6: A Closer Look At VSCode

Lecture 7: GET THE COURSE SLIDES

Chapter 2: HTML Basics

Lecture 1: DOWNLOAD THIS SECTION'S DEMO CODE

Lecture 2: What is HTML?

Lecture 3: The HTML Workflow

Lecture 4: Our First Element: The Paragraph

Lecture 5: The Chrome Inspector

Lecture 6: Heading Elements

Lecture 7: VSCode Tip: Autocomplete

Lecture 8: Creating HTML Comments

Lecture 9: Tip: Mozilla Developer Network

Lecture 10: Proper Document Structure

Lecture 11: HTML Basics Exercise

Chapter 3: Text Elements

Lecture 1: DOWNLOAD THIS SECTION'S CODE

Lecture 2: The Strong Element

Lecture 3: The 'Bring Attention To' Element

Lecture 4: The Emphasis Element

Lecture 5: The 'Idiomatic Text' Element

Lecture 6: Nesting Elements

Lecture 7: Superscript and Subscript

Lecture 8: Creating Lists

Lecture 9: Nesting Lists

Lecture 10: Inline Vs. Block Elements

Lecture 11: Text Elements Exercise

Chapter 4: Links and Images

Lecture 1: GET THIS SECTION'S DEMO CODE

Lecture 2: Introducing Anchor Elements

Lecture 3: Creating Relative Links

Lecture 4: Linking To Page Elements

Lecture 5: Mailto and Telephone Links

Lecture 6: Creating Image Elements

Lecture 7: The Alt Attribute

Lecture 8: Links and Images Exercise

Chapter 5: Tables

Lecture 1: GET THIS SECTION'S DEMO CODE

Lecture 2: Introducing HTML Tables

Lecture 3: Working with table, tr, and td

Lecture 4: Creating Table Headers

Lecture 5: Structuring Tables With Thead, Tbody, and Tfoot

Lecture 6: Adding Captions To Tables

Lecture 7: Working With Colspan and Rowspan

Lecture 8: Tables Exercise

Chapter 6: Forms

Lecture 1: GET THIS SECTION'S DEMO CODE

Lecture 2: Our First Form Inputs!

Lecture 3: The Form Element

Lecture 4: Creating Buttons

Lecture 5: Email, URL & Number Inputs

Lecture 6: Creating Input Labels

Lecture 7: The Name Attribute

Lecture 8: The Required Attribute

Lecture 9: A Quick Note on Divs

Lecture 10: Forms Basics Exercise

Chapter 7: More Forms

Lecture 1: GET THIS SECTION'S DEMO CODE

Lecture 2: Creating Text Areas

Lecture 3: Working With Checkboxes

Lecture 4: The Range (Slider) Input

Lecture 5: Making Dropdowns with Select and Options

Lecture 6: Creating Radio Button Groups

Lecture 7: Other Input Types

Lecture 8: The Disabled Attribute

Lecture 9: Fieldsets and Legends

Lecture 10: More Forms Exercise

Chapter 8: Semantic Elements and Multimedia

Lecture 1: GET THIS SECTION'S DEMO CODE

Lecture 2: The Span Element

Lecture 3: What's The Point of A Div?

Lecture 4: Introducing Semantic Markup

Lecture 5: Exploring Semantic Elements

Lecture 6: Audio Element

Lecture 7: Creating Video Elements

Chapter 9: Next Steps

Lecture 1: Next Steps