-
5.1 Introduction to HTML
-
Video
5.1.1 Introduction to HTML
-
Check for Understanding
5.1.2 Introduction to HTML Quiz
-
Example
5.1.3 Our First HTML Page
-
Exercise
5.1.4 Say Hello!
-
5.2 Structure of an HTML Page
-
Video
5.2.1 Structure of an HTML Page
-
Check for Understanding
5.2.2 Structure of an HTML Page Quiz
-
Example
5.2.3 HTML Template
-
Example
5.2.4 Hello World Page
-
Exercise
5.2.5 The <title> Tag
-
Exercise
5.2.6 Your First HTML Page
-
5.3 Formatting Text
-
Video
5.3.1 Formatting Text
-
Check for Understanding
5.3.2 Formatting Text Quiz
-
Example
5.3.3 Dictionary
-
Exercise
5.3.4 That's Bold
-
Exercise
5.3.5 Artificial Intelligence
-
Exercise
5.3.6 State Capitals
-
Badge
5.3.7 Formatting Badge
-
5.4 Links
-
Video
5.4.1 Links
-
Check for Understanding
5.4.2 Links Quiz
-
Example
5.4.3 The <a> Tag
-
Exercise
5.4.4 Simple Link
-
Exercise
5.4.5 My Favorite Websites
-
5.5 Images
-
Video
5.5.1 Images
-
Check for Understanding
5.5.2 Images Quiz
-
Example
5.5.3 The <img> Tag
-
Example
5.5.4 Building the CodeHS Homepage
-
Exercise
5.5.5 Collage on a Theme
-
Exercise
5.5.6 Linking an Image
-
Exercise
5.5.7 Personal Library
-
Survey
5.5.8 Mindsets
-
5.6 HTML Lists
-
Video
5.6.1 HTML Lists
-
Check for Understanding
5.6.2 HTML Lists Quiz
-
Example
5.6.3 Grocery Shopping
-
Exercise
5.6.4 Favorite Things
-
Exercise
5.6.5 To-Do List
-
Exercise
5.6.6 List Article
-
5.7 HTML Tables
-
Video
5.7.1 HTML Tables
-
Check for Understanding
5.7.2 HTML Tables Quiz
-
Example
5.7.3 Address Book
-
Exercise
5.7.4 Favorite Songs
-
Exercise
5.7.5 Calendar
-
5.8 HTML Styling
-
Video
5.8.1 HTML Styling
-
Check for Understanding
5.8.2 HTML Styling Quiz
-
Example
5.8.3 Stylish Address Book
-
Exercise
5.8.4 Background Colors
-
Exercise
5.8.5 Style Your To-Do List
-
Badge
5.8.6 Styling Badge
-
5.9 Introduction to CSS
-
Video
5.9.1 Introduction to CSS
-
Check for Understanding
5.9.2 Introduction to CSS Quiz
-
Example
5.9.3 Styling your H1s
-
Exercise
5.9.4 First style with CSS
-
Exercise
5.9.5 List Styling
-
5.10 CSS Select by Tag
-
Video
5.10.1 CSS Select by Tag
-
Check for Understanding
5.10.2 CSS Select by Tag Quiz
-
Example
5.10.3 Rainbow
-
Example
5.10.4 Dog Styling
-
Exercise
5.10.5 Restaurant Menu
-
Exercise
5.10.6 Put Karel Together
-
5.11 CSS Select by Class
-
Video
5.11.1 CSS Select by Class
-
Check for Understanding
5.11.2 CSS Select by Class Quiz
-
Example
5.11.3 Simple Checkerboard
-
Exercise
5.11.4 Tic Tac Toe
-
Exercise
5.11.5 Music Library
-
5.12 CSS Select by ID
-
Video
5.12.1 CSS Select by ID
-
Check for Understanding
5.12.2 CSS Select by ID Quiz
-
Example
5.12.3 Logo
-
Exercise
5.12.4 Favorite Dog
-
Exercise
5.12.5 Bingo
-
5.13 Multi-file Websites
-
Video
5.13.1 Splitting Your Site into Files
-
Check for Understanding
5.13.2 Splitting Your Site into Files Quiz
-
Example
5.13.3 Multipage Site Example
-
Exercise
5.13.4 Add a Style Sheet
-
Exercise
5.13.5 Dividing the Site
-
Exercise
5.13.6 Career Site: Creating Structure
-
5.14 Viewing Websites
-
Video
5.14.1 Viewing Websites
-
Check for Understanding
5.14.2 Viewing Websites Quiz
-
Free Response
5.14.3 Explaining a URL
-
Badge
5.14.4 Web Development Badge
-
5.15 What is Intellectual Property?
-
Video
5.15.1 What is Intellectual Property?
-
Quiz
5.15.2 What is Intellectual Property?
-
Connection
5.15.3 15 Patents that Changed the World
-
Free Response
5.15.4 Patents that Changed the World
-
Free Response
5.15.5 Trademark vs. Generic Names
-
Free Response
5.15.6 Be the Inventor!
-
Connection
5.15.7 10 Famous Trade Secrets
-
Free Response
5.15.8 Trade Secrets
-
5.16 Protecting Intellectual Property
-
Video
5.16.1 Protecting Intellectual Property
-
Quiz
5.16.2 Protecting Intellectual Property
-
Example
5.16.3 Secure Your Secret Notes!
-
Connection
5.16.4 Google Security Demo
-
Free Response
5.16.5 Redacting Information
-
Video
5.16.6 Protecting IP: Firewalls and HTTPS
-
Quiz
5.16.7 Protecting IP: Firewalls and HTTPS
-
Example
5.16.8 Firewall Sign-in
-
Connection
5.16.9 How HTTPS Works
-
Free Response
5.16.10 How HTTPS Works
-
5.17 What is Web Optimization?
-
Video
5.17.1 What is Web Optimization?
-
Check for Understanding
5.17.2 What is Web Optimization?
-
Connection
5.17.3 Website Folder Structure
-
Notes
5.17.4 File Naming Conventions
-
Free Response
5.17.5 Folders and Files
-
5.18 Optimizing Web Information
-
Video
5.18.1 Optimizing Web Information
-
Check for Understanding
5.18.2 Optimizing Web Information
-
Connection
5.18.3 How Search Works
-
Free Response
5.18.4 How Search Works
-
Connection
5.18.5 F-Pattern Reading
-
Free Response
5.18.6 F-Pattern Reading
-
Connection
5.18.7 What is Search Engine Optimization (SEO)?
-
Free Response
5.18.8 SEO Definition
-
Connection
5.18.9 Yoast Analyzer
-
Free Response
5.18.10 Yoast Tool Activity
-
5.19 Web Design Quiz
-
Quiz
5.19.1 Web Design Quiz