HTML Fundamentals Course

Created by Cheli

Step‑by‑step checklist to learn HTML from basics to building a simple website.

24 Items

0 Downloads

Published May 14, 2026

Please sign in before starting payment and download.

Checklist Items (24)

Introduction to HTML

Understand what HTML is and why it's the foundation of web pages.

•

What is HTML?

Learn that HTML stands for HyperText Markup Language and structures content.

•

History and Evolution

Review HTML versions from HTML2 to HTML5 and living standard.

•

How Browsers Render HTML

Understand parsing, DOM construction, and rendering pipeline.

Setting Up Development Environment

Install tools needed to write and test HTML efficiently.

•

Install a Code Editor

Download and set up VS Code (or your preferred editor) with useful extensions.

•

Install a Modern Browser

Get Chrome, Firefox, or Edge for accurate rendering and dev tools.

•

Set Up a Local Server

Use VS Code Live Server extension or Python's http.server to preview files.

Basic Tags & Structure

Create a valid HTML5 document with proper doctype and root elements.

•

Add Doctype Declaration

Start file with <!DOCTYPE html> to trigger standards mode.

•

Root <html> Element

Wrap entire document in <html lang='en'> for language declaration.

•

Configure <head> Section

Include charset, viewport, title, and link to CSS if needed.

•

Add <body> Container

Place all visible content inside the <body> element.

Text, Links, and Images

Mark up headings, paragraphs, hyperlinks, and images with proper attributes.

•

Use Heading Hierarchy

Structure sections with h1‑h6, using only one h1 per page.

•

Write Paragraphs

Use <p> for blocks of text; avoid line breaks with <br> unless needed.

•

Emphasize Text

Apply <strong> for importance and <em> for stress emphasis.

•

Create Hyperlinks

Use <a href='URL'> for navigation; add target='_blank' and rel='noopener' when opening new tabs.

•

Insert Images

Add <img src='' alt='descriptive text'>; optimize size and use responsive srcset if needed.

Lists, Tables, and Forms

Organize data with lists and tables, and collect user input via forms.

•

Build Unordered and Ordered Lists

Use <ul> for bullet points and <ol> for numbered items; nest as needed.

•

Nested Lists

Place a <ul> or <ol> inside an <li> to create sub‑lists.

•

Create Simple Tables

Structure data with <table>, <tr>, <td>; add <thead> and <tbody> for semantics.

•

Add Table Headers and Caption

Use <th> for header cells and <caption> to describe the table purpose.

•

Form Wrapper

Wrap controls in <form action='' method='POST'>; include proper labels.

•

Common Input Types

Use <input type='text'>, <input type='email'>, <input type='password'>, checkboxes, radios, and <button>.

Project & Best Practices

Apply learned skills to build a personal webpage and validate it.

•

Plan Site Structure

Sketch a wireframe noting header, nav, main sections, and footer.

•

Implement Semantic HTML Skeleton

Use <header>, <nav>, <main>, <section>, <article>, <footer> appropriately.

•

Validate and Fix Errors

Run the page through W3C validator and correct any reported issues.

Public Checklist