Please enable JavaScript to use CodeHS

Outline


1. HTML - Structuring Websites
1.1 Introduction to HTML
Video 1.1.1 Introduction to HTML
Check for Understanding 1.1.2 Introduction to HTML Quiz
Example 1.1.3 Our First HTML Page
Exercise 1.1.4 Say Hello!
1.2 Structure of an HTML Page
Video 1.2.1 Structure of an HTML Page
Check for Understanding 1.2.2 Structure of an HTML Page Quiz
Example 1.2.3 HTML Template
Example 1.2.4 Hello World Page
Example 1.2.5 Using Comments
Exercise 1.2.6 The <title> Tag
Exercise 1.2.7 Your First HTML Page
1.3 Formatting Text
Video 1.3.1 Formatting Text
Check for Understanding 1.3.2 Formatting Text Quiz
Example 1.3.3 Dictionary
Exercise 1.3.4 Word Definitions
Exercise 1.3.5 Pet Names
Exercise 1.3.6 Call of the Wild
Badge 1.3.7 Formatting Badge
1.4 Links
Video 1.4.1 Links
Check for Understanding 1.4.2 Links Quiz
Example 1.4.3 The <a> Tag
Exercise 1.4.4 Bookmarks
Exercise 1.4.5 Encyclopedias
1.5 Images
Video 1.5.1 Images
Check for Understanding 1.5.2 Images Quiz
Example 1.5.3 The <img> Tag
Example 1.5.4 Building the CodeHS Homepage
Exercise 1.5.5 Collage on a Theme
Exercise 1.5.6 Linking an Image
Exercise 1.5.7 National Parks
1.6 HTML Lists
Video 1.6.1 HTML Lists
Check for Understanding 1.6.2 HTML Lists Quiz
Example 1.6.3 Grocery Shopping
Exercise 1.6.4 Class Planning
Exercise 1.6.5 Dream Destinations
Exercise 1.6.6 Vacation Guides
1.7 HTML Tables
Video 1.7.1 HTML Tables
Check for Understanding 1.7.2 HTML Tables Quiz
Example 1.7.3 Address Book
Exercise 1.7.4 National Sports
Exercise 1.7.5 Table of Favorites
1.8 HTML Styling
Video 1.8.1 HTML Styling
Check for Understanding 1.8.2 HTML Styling Quiz
Example 1.8.3 Stylish Address Book
Exercise 1.8.4 Background Colors
Exercise 1.8.5 Style Your Class List
Badge 1.8.6 Styling Badge
2. CSS - Styling Websites
2.1 Introduction to CSS
Video 2.1.1 Introduction to CSS
Check for Understanding 2.1.2 Introduction to CSS Quiz
Example 2.1.3 Styling your H1s
Exercise 2.1.4 First style with CSS
Exercise 2.1.5 List Styling
Exercise 2.1.6 Endangered Animals: Skeleton
2.2 CSS Select by Tag
Video 2.2.1 CSS Select by Tag
Check for Understanding 2.2.2 CSS Select by Tag Quiz
Example 2.2.3 Rainbow
Example 2.2.4 Puppy Styling
Exercise 2.2.5 Set List
Exercise 2.2.6 Your Appliance Recommendations
Exercise 2.2.7 Endangered Animals: Style the Headers
2.3 CSS Select by Class
Video 2.3.1 CSS Select by Class
Check for Understanding 2.3.2 CSS Select by Class Quiz
Example 2.3.3 Simple Checkerboard
Exercise 2.3.4 Swim Meet
Exercise 2.3.5 Favorite Things
Exercise 2.3.6 Endangered Animals: Add Color Coding
2.4 CSS Select by ID
Video 2.4.1 CSS Select by ID
Check for Understanding 2.4.2 CSS Select by ID Quiz
Example 2.4.3 Logo
Exercise 2.4.4 Must Do Today!
Exercise 2.4.5 Lomeli's Menu
Exercise 2.4.6 Endangered Animals: Add Pictures
Badge 2.4.7 Selector Badge
3. Project - Create Your Homepage
3.1 Homepage: Your First Website
Example 3.1.1 Example Homepage
Connection 3.1.2 Real World Homepage
Challenge 3.1.3 Set Up Your codehs.me Website
Challenge 3.1.4 Create Your Homepage
Badge 3.1.5 Create Your Homepage Badge