Full-Stack Engineering
393 learners
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.
CSS
HTML
See path
5 lessons
25 practices
2 hours
Badge for Front-End Development,
Front-End Development
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
Meet Cosmo:
The smartest AI guide in the universe
Our built-in AI guide and tutor, Cosmo, prompts you with challenges that are built just for you and unblocks you when you get stuck.
Sign up
Join the 1M+ learners on CodeSignal
Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal