Intro to HTML and CSS

Need help getting started?


Course Resources

Required Files

Sample Pages and Assets used in the course

Additional Reading

Article on CSS selectors

Article on flexbox

Mozilla Developer Resources:

1) HTML Element Reference

2) HTML Attribute Reference

3) CSS Reference

Vocabulary and Documentation

HTML - HyperText Markup Language - the standard markup language used to create web pages.

CSS - Cascading Style Sheets - style sheet language used for describing the look and formatting of a document written in a markup language.

DOM - is a cross-platform and language-independent convention for representing and interacting with objects in HTML (and other markup languages). The nodes of every document are organized in a tree structure, called the DOM tree.

Downloadable Materials

You can download Supplemental Materials, Lesson Videos and Transcripts from Downloadables (bottom right corner of the Classroom) or from the Dashboard (first option on the navigation bar on the left hand side).

Course Syllabus

Lesson 1

Learn how to look at existing web pages, how to use Google Chrome Developer Tools and how to turn a design mock into a static website.

Lesson 2

Create your own CSS framework to speed up your next projects. Use the framework to turn a portfolio mock to a functional portfolio page.

Lesson 3

Learn about professional frameworks and use Twtters' Bootstrap to create another version of portfolio page.


A lot of people took part in creating the course. You know who you are and you rock! --Gundega