Skip to main content
Home Learn the web
Main navigation
  • Lists
    Lessons Exercises Badges Patterns
  • Search
  • Login
Lessons
  • + Get ready
    • This site
    • Exercises
    • Using AI
    • About me
    • Communicating
    • Social isolation
    • Buying hosting
    • Other software
    • Let's go!
  • Task sample
  • Your learning style
  • + Start the final project
    • Project requirements
    • The process
    • Getting started
  • + How the web works
    • cPanel
    • Requests and files
    • What a URL is
    • Subdomains
    • Files on your server
    • Easier uploading
    • Easier editing
    • Moving on
  • Final project: A skeleton
  • + Basic hand-made sites
    • Page structure
    • VS Code
    • Headers and paragraphs
    • Easy way to check for HTML errors
    • Styles and stylesheets
    • Classes
    • HTML trick: hidden messages
    • Ids
    • Divs and spans
    • Broken styles
    • Lists
    • Styling lists
    • Working with images
    • Images in HTML
    • Styling images
    • HTML trick: shy images
    • Links and sites
    • On-page links
    • HTML fun: hiding links
    • Link types
    • File strategy
    • Tables
    • Styling tables
    • Put it together
  • Final project: A prototype
  • + Professional sites
    • Layouts and components
    • Get Bootstrappy
    • Using BS styles
    • Overriding BS styles
    • Using a BS theme
    • Grids
    • What's responsive?
    • Being responsive
    • Responsive images
    • Accessibility
    • Dropdowns
    • Navbars
    • Reusing navbars
    • Cards
    • Carousels
    • Forms
    • + SEO
      • How Google works
      • Types of SEO
      • Keyword research
      • Writing content for SEO
  • Finish the final project
  • + Tips
    • Add-on domain
    • Domain locked for verification
    • Grade estimator
    • OU website connection issues
    • Using a Chromebook for this course

Lessons

Here are all of the lessons in the course. Click on a heading to sort.

Title Order in course Sort descending Tags
Styling lists 40 Lists, Fonts, Colors, Margins, Padding
Working with images 41 Images
Images in HTML 42 Images
Styling images 43 Images, Borders, Margins, Padding, Floats
HTML trick: shy images 44
Links and sites 45 Links and URLs, Navbars, Fonts
On-page links 46 Links and URLs
HTML fun: hiding links 47 Links and URLs, Stylesheets
Link types 48 Links and URLs
File strategy 49 Stylesheets, Images, Links and URLs
Tables 50 Tables
Styling tables 51 Tables, Images, Borders, Classes and ids, Margins
Put it together 52
Final project: A prototype 53 Final project
Professional sites 54
Layouts and components 55
Get Bootstrappy 56 Bootstrap
Using BS styles 57
Overriding BS styles 58
Using a BS theme 59

Pagination

  • First page « First
  • Previous page ‹‹
  • Page 1
  • Page 2
  • Current page 3
  • Page 4
  • Page 5
  • Next page ››
  • Last page Last »

DO NOT START HERE

The lessons show you how to do the exercises. Read the lessons. They're listed on the left of this window.

Creative Commons Attribution-ShareAlike 4.0    Terms of use