Please enable JavaScript to use CodeHS

Texas Web Design

Advanced HTML and CSS

Students dive 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 web sites.

Lessons

6.1 Multi-file Websites

  • Splitting Your Site into Files
  • Splitting Your Site into Files Quiz
  • Multipage Site Example
  • Add a Style Sheet
  • Dividing the Site
  • +1 more

6.2 Divs

  • Divs
  • Divs Quiz
  • Divvying up the Site
  • Quotes
  • Flags
  • +2 more

6.3 Spans

  • Spans
  • Spans Quiz
  • Span Formatting
  • Vocabulary
  • Text Decoration
  • +1 more

6.4 Combining CSS Selectors

  • Combining CSS Selectors
  • Combining CSS Selectors Quiz
  • More Specific Styling
  • Choosing Nested Tags
  • Highlight the First Item
  • +1 more

6.5 The Don't Repeat Yourself Principle

  • Don't Repeat Yourself
  • Don't Repeat Yourself Quiz
  • Styling Multiple Tags
  • Style Similar Items with Same Class
  • Managing Change
  • +2 more

6.6 Visibility

  • Visibility
  • Visibility Quiz
  • Display Example
  • Fading Text
  • Favorite Sea Creature
  • +1 more

6.7 Reading Documentation

  • Reading Documentation
  • Reading Documentation Quiz
  • Using Docs: Float
  • Using Docs: blockquote
  • Style the Table
  • +2 more

6.8 Using the Inspector

  • Using the Inspector
  • Using the Inspector Tool Quiz
  • Inspector Quick Start
  • Classes and IDs
  • Exploring the Art Museum

6.9 The Box Model

  • The Box Model
  • The Box Model Quiz
  • Adding Space Using Margin
  • Adding Space Using Padding
  • Combining Margin and Padding
  • +7 more

6.10 Animation

  • Animation
  • Animation Quiz
  • Animated Image Filter
  • Animated Invert Filter
  • Album Cover

6.11 Interaction

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

6.12 What is Web Optimization?

  • What is Web Optimization?
  • What is Web Optimization?
  • Website Folder Structure
  • File Naming Conventions
  • Folders and Files

6.13 Optimizing Web Information

  • Optimizing Web Information
  • Optimizing Web Information
  • How Search Works
  • How Search Works
  • F-Pattern Reading
  • +5 more

6.14 Advanced HTML and CSS Quiz

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

Courses that include this module