Building a Static Todo List with HTML & CSS

Get started with the basics of web development by learning how to create and style a static Todo List using HTML and CSS. By the end of this course, you'll have a simple, styled Todo List displayed on a webpage.

Lessons and practices

Lesson 1: Creating Basic HTML Structure

Update Todo List with Hero Tasks

Fix the HTML Structure

Complete the HTML Structure

Complete HTML Todo List Structure

Build a Shopping List in HTML

Lesson 2: Adding More Items to Your To-Do List

Change Your Todo List Content

Fixing Errors in Your Todo List

Add More Items Efficiently

Adding More Tasks Effortlessly

Create a Complete Todo List

Lesson 3: Basic CSS Styling

Enhance Your Todo List Style

Fix CSS Mistakes

Enhance Todo List Styles

Enhance Your Todo List Style

Build a Movie Watchlist

Lesson 4: Linking External CSS to HTML

Changing CSS File Names

Fix External CSS Link Issue

Link Your External CSS File

Linking CSS Efficiently

Linking External CSS from Scratch

Lesson 5: Adjusting Styles for Better Appearance

Enhance Todo List Appearance

Fix the Styling Bugs

Enhance the Todo List Styling

Enhance Your Todo List Styling

Enhance Your CSS Skills

Interested in this course? Learn and practice with Cosmo!

Practice is how you turn knowledge into actual skills.