Introduction to HTML and CSS

In this course, you will learn to create an attractive and organized web site using basic and intermediate HTML and Cascading Style Sheets (CSS).

Upon completion of this course, you will be able to:

  • Create basic HTML elements such as hyperlinks, images, tables, and forms.
  • Structure a web page effectively.
  • Control the look and placement of HTML elements using Cascading Style Sheets.
  • Demonstrate knowledge of box properties and external style sheets;
  • Create HTML source code that is both readable and upholds HTML5 standards;
  • Develop a full-fledged website using HTML5 and CSS.

From beginning to end, you will learn by doing your own HTML and CSS-based projects and submitting them for instructor feedback. These projects, as well as the final project, will add to your portfolio and provide needed experience. Besides a browser and Internet connection, all software is provided online by the O’Reilly School of Technology.

This course counts toward the Front-End Web Development Certificate Series.

Prerequisites:  Experience using web browsers and email. This course is meant for the complete IT beginner.

90 Clock-hours $448.00 (plus fees)

Enroll in Course

Course Details and Syllabus

Course: Introduction to HTML and CSS
Tuition: $448.00 (plus fees)
Time Frame: This course is online and self-paced. You can expect to work approximately 90 hours on this course.
Technical Requirements: As long as you have a web browser and internet connection, you can take this course from anywhere in the world.
Software: The web-based Learning Sandbox provided for you will contain all your lessons, projects, quizzes, account files, editors, and rendering tools necessary to build your skills from beginning to end, even beyond coursework. No other software is needed.
Instructor: You will have one instructor throughout the course who will evaluate your projects and quizzes, hand them back for improvement when necessary, and coach you throughout your skills advancement.
Book: All required course materials and software are included online within the Learning Sandbox. However, within a few weeks of enrolling, you’ll receive the e-book Head First: HTML and CSS, 2nd Edition as a reference resource from O’Reilly.
Certificates: Completion of this course counts toward the Front-End Web Development Certificate Series.
Prerequisites: Experience using web browsers and email. This course is meant for the complete I.T. beginner.
Topics: HTML elements and attributes, links, images, tables, forms, spans, divs, some new HTML5 elements such as section and article, CSS style sheets, box properties, HTML W3C standards, and more.
  • Lesson 1: Introduction
    • Learning with O’Reilly School of Technology Courses
    • Understanding the Learning Sandbox Environment
    • Saving Your Page
  • Lesson 2: The Basics
    • The Head
    • The Body
    • Lists
    • CSS
    • Colors
    • Attributes
    • Empty Elements
  • Lesson 3: Syntax and Semantics
    • Syntax
    • Semantics
    • Use the Right Element for the Job
  • Lesson 4: Links
    • What is a Link?
    • Relative Links
    • Absolute Links
    • Link Attributes
    • Using the ID Attribute to Link Within a Document
    • Styling Links
  • Lesson 5: Images
    • Putting an Image on a Page
    • What Kind of Image Should You Use?
    • Uploading Images to Your OST Account
    • Styling Images
    • The alt Attribute
    • Using Images as Links
    • Putting an Image in the Background
  • Lesson 6: Cascading Style Sheets – Introduction
    • CSS Properties
    • Styling with Classes
    • Styling with IDs
    • When to Use a Class and When to Use an ID
    • Linking to CSS in an External File
    • Using the style Attribute
  • Lesson 7: Cascading Style Sheets – the Box Model
    • Padding, Margins, and Border for Your Content
    • Having Fun with Padding, Margins and Border
    • Padding, Margins, and Borders on Inline Elements
  • Lesson 8: Cascading Style Sheets – Inheritance
    • CSS Inheritance
    • CSS Descendant Selectors
    • Combining Descendant Selectors with IDs and Classes
  • Lesson 9: Cascading Style Sheets – Layout and Positioning
    • CSS Layout
    • CSS Positioning
  • Lesson 10: HTML and CSS – Forms
    • Basic Input and Attributes
    • Other Kinds of Inputs
    • Styling forms with CSS
    • Where To Go From Here
  • Lesson 11: HTML and CSS – Tables
    • Creating a Table
    • Table Headers
    • Captions
    • Spanning Multiple Columns
    • Styling Tables
    • Tables and Forms
  • Lesson 12: HTML and CSS – Standards and Validation
    • Validating Your Pages
    • All About Standards
    • Accessibility Standards
    • Create a Great Web Site… And Keep It Up to Date
    • Just a Few Loose Ends
  • Lesson 13: HTML and CSS – Final Project
    • Final Project

On your way to a Certificate of Professional Development:

Front-End Web Development Certificate

Introduction to HTML and CSS $448.00 (plus fees)


JavaScript: An Introduction $448.00 (plus fees)


JavaScript: AJAX and JSON $448.00 (plus fees)


$1,344.00 (plus fees)

Enroll in Certificate