HTML and CSS Courses | Udemy
Free HTML and CSS courses on Udemy.
HTML + CSS
Learn HTML | Interactive tutorial from web.dev
This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML.
Learn CSS | Codecademy
In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
Learn HTML | Codecademy
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
Color Names – HTML Color Codes
Modern browsers support 140 HTML color names which arelisted here along with their Hex color codes and RGB values.
Inline CSS that's stripped in Canvas and Brightspace
This is a spreadsheet where I keep track of CSS that's stripped from Canvas and Brightspace.
DesignPLUS User Guide
If your institution has CIDI Labs (a plugin for Canvas), you should check out these guides. In particular, I recommend enabling the "advanced" features.
Canvas Style Guide
This page details the CSS class names you can use in Canvas. The style guide is no longer being updated BUT after some researching, it seems the class names included will continue to work in Canvas for the foreseeable future. Note that form elements (e.g. ) are stripped from the content editor so you can't really use the HTML in the "Forms" section of the guide.
Hacking the LMS Examples | CodePen Collection | Amy Spielmaker
This CodePen collection has several example code snippets you can take and use anywhere you can add custom code.
Tables Tutorial | WAI W3C
This page goes over creating accessible tables with multiple headers, different sized rows and columns, and other irregularities. There's some work that goes into making tables accessible and many LMSs do not use good defaults (for example, Canvas does not add a header row to tables by default).
Images Tutorial | WAI W3C
Having accessible images online is about more than alt text. For example, what are you supposed to do if you're using an image as a link? Follow the guides in this tutorial to ensure your images are accessibility.
CSS Exercises | W3Schools
CSS practice exercises with immediate feedback from W3C Schools.
W3Schools HTML Exercise
HTML practice exercises with immediate feedback from W3C Schools.
Styling Lists | MDN
This guide goes over different list styles (alphabet, roman, square, etc).
CSS Values and Units | MDN
This guide goes over some foundational info you'll want to know when sizing elements and changing their colors.
HTML Text Fundamentals | MDN
This guide from MDN Docs goes over headings, paragraphs, lists, bolding, and emphasizing. It really is the minimum you should know about HTML.
Intro to HTML/CSS | Khan Academy
If you like learning from videos, this series from Khan Academy is for you.
WAVE Web Accessibility Tool | WebAIM
WAVE is a web accessibility checker from the folks at WebAIM. I recommend using their browser extension to check the accessibility of any pages you're creating online. I find WAVE does better than the built-in accessibility checker in your LMS.