Please enable JavaScript to use CodeHS

Computing Ideas (Lovelace)

Web Design

Students learn the basics of HTML, CSS, and the processes involved in viewing web pages on the internet. Students create several simple web pages using the CodeHS online editor to gain practice!

Lessons

4.1 Introduction to HTML

  • Introduction to HTML
  • Introduction to HTML Quiz
  • Our First HTML Page
  • Say Hello!

4.2 Structure of an HTML Page

  • Structure of an HTML Page
  • Structure of an HTML Page Quiz
  • HTML Template
  • Hello World Page
  • The <title> Tag
  • +1 more

4.3 Formatting Text

  • Formatting Text
  • Formatting Text Quiz
  • Dictionary
  • That's Bold
  • Artificial Intelligence
  • +2 more

4.4 Links

  • Links
  • Links Quiz
  • The <a> Tag
  • Simple Link
  • My Favorite Websites

4.5 Images

  • Images
  • Images Quiz
  • The <img> Tag
  • Building the CodeHS Homepage
  • Collage on a Theme
  • +3 more

4.6 HTML Lists

  • HTML Lists
  • HTML Lists Quiz
  • Grocery Shopping
  • Favorite Things
  • To-Do List
  • +1 more

4.7 HTML Tables

  • HTML Tables
  • HTML Tables Quiz
  • Address Book
  • Favorite Songs
  • Calendar

4.8 HTML Styling

  • HTML Styling
  • HTML Styling Quiz
  • Stylish Address Book
  • Background Colors
  • Style Your To-Do List
  • +1 more

4.9 Introduction to CSS

  • Introduction to CSS
  • Introduction to CSS Quiz
  • Styling your H1s
  • First style with CSS
  • List Styling

4.10 CSS Select by Tag

  • CSS Select by Tag
  • CSS Select by Tag Quiz
  • Rainbow
  • Dog Styling
  • Restaurant Menu
  • +1 more

4.11 CSS Select by Class

  • CSS Select by Class
  • CSS Select by Class Quiz
  • Simple Checkerboard
  • Tic Tac Toe
  • Music Library

4.12 CSS Select by ID

  • CSS Select by ID
  • CSS Select by ID Quiz
  • Logo
  • Favorite Dog
  • Bingo

4.13 Viewing Websites

  • Viewing Websites
  • Viewing Websites Quiz
  • Explaining a URL
  • Web Development Badge

4.14 Web Design Quiz

  • Web Design Quiz

Courses that include this module