Skip to main content
Home Learn the web
Main navigation
  • Lists
    Lessons Exercises Badges Patterns
  • Search
  • Login
Lessons
  • + Get ready
    • This site
    • Exercises
    • 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
    • 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
Images in HTML 40 Images
Styling images 41 Images, Borders, Margins, Padding, Floats
HTML trick: shy images 42
Links and sites 43 Links and URLs, Navbars, Fonts
On-page links 44 Links and URLs
HTML fun: hiding links 45 Links and URLs, Stylesheets
Link types 46 Links and URLs
File strategy 47 Stylesheets, Images, Links and URLs
Tables 48 Tables
Styling tables 49 Tables, Images, Borders, Classes and ids, Margins
Put it together 50
Final project: A prototype 51 Final project
Professional sites 52
Layouts and components 53
Get Bootstrappy 54 Bootstrap
Using BS styles 55
Overriding BS styles 56
Using a BS theme 57
Grids 58
What's responsive? 59 Grids

Pagination

  • First page « First
  • Previous page ‹‹
  • Page 1
  • Page 2
  • Current page 3
  • Page 4
  • 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