Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Building a Static Todo List with HTML & CSS

via CodeSignal

Overview

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.

Syllabus

  • 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

Reviews

Start your review of Building a Static Todo List with HTML & CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.