Please enable JavaScript to use CodeHS

Web Design (Kahlo)

Advanced HTML and CSS

This module dives deeper into different things we can do with HTML and CSS. Students practice advanced topics in HTML and CSS, including visibility, image filtering, interaction, and animation, to develop more advanced websites.

Lessons

5.1 Getting Started - Advanced HTML and CSS

  • Getting Started
  • Example: Image Filters
  • Example: Animations
  • Example: Interactions

5.2 Multi-file Websites

  • Splitting Your Site into Files
  • Splitting Your Site into Files Quiz
  • Multipage Site Example
  • Farmer's Market
  • Bakery Stand
  • +1 more

5.3 Divs

  • Divs
  • Divs Quiz
  • Divvying up the Site
  • Email
  • Navigation Bar
  • +2 more

5.4 Spans

  • Spans
  • Spans Quiz
  • Span Formatting
  • Butterfly Lifecycles
  • Caterpillar Webs
  • +1 more

5.5 Combining CSS Selectors

  • Combining CSS Selectors
  • Combining CSS Selectors Quiz
  • More Specific Styling
  • Daily Agenda
  • Captions
  • +1 more

5.6 Special Selectors

  • Special Selectors
  • Special Selectors Quiz
  • Vote For Me
  • Vote For Me Pt 2
  • Voting Strategies
  • +3 more

5.7 Visibility

  • Visibility
  • Visibility Quiz
  • Display Example
  • Fading Text
  • In a Jam
  • +2 more

5.8 Reading Documentation

  • Reading Documentation
  • Reading Documentation Quiz
  • Using Docs: Float
  • Using Docs: <blockquote> Tag
  • Finding Color Names
  • +2 more

5.9 Image Manipulation

  • Image Manipulation
  • Image Manipulation Quiz
  • Grayscale Filter
  • Blur Filter
  • Hue Rotation
  • +3 more

5.10 Animation

  • Animation
  • Animation Quiz
  • Animated Image Filter
  • Animate Your Image
  • Animate Text Color
  • +1 more

5.11 Interaction

  • Interaction
  • Interaction Quiz
  • Interactive Image Filter
  • Smooth Interactive Image Filter
  • Smooth Change on Click
  • +4 more

5.12 Advanced HTML and CSS Quiz

  • Advanced HTML and CSS Quiz
  • Advanced HTML and CSS Badge

Courses that include this module