Fully Customizable Courseware For Trainers

Introduction to HTML and CSS Coding

Easily edit and rebrand as your own


Buy Now DEMO
Download a Free Sample DOWNLOAD
Materials for
hours of
Easily edited

Easily edit and rebrand as your own

Our mission is to provide you with the best possible courseware so you can teach incredible classes and workshops

High quality course content - written for you

Save hundreds of hours in developing training materials. Download our proven content used by trainers in 164 countries worldwide.

Enjoy confidence in the classroom

Facilitate perfect workshops everytime with high-quality training material with all the training components you need.

Save time & money with pre-written materials

Focus your attention on the training and we'll take care of the materials.

Course description+

Introduction to HTML and CSS Coding: A well-designed website provides customers with information about a company, details on how to find or contact them, and the ability to make purchases and place orders. Businesses of all sizes can use websites to help drive traffic, and to reach more customers than ever before. The basis of many webpages – a collection of webpages form a website — are the HTML and CSS computer programming languages. Learning how to use these languages, which are used to build and style the content of a webpage, is an important step to creating your own well-designed webpages.

The Introduction to HTML and CSS Coding course is intended as an introduction to using these computer programming languages – teaching the basics of these languages, and then continuing to explore various ways to use these languages to create an effective webpage.

For more information, Download a free sample.

Course outline+

About This Course

Course Prerequisites

Course Overview

Course Objectives

How to Use This Book

Lesson 1: Getting Started with HTML


HTML – Background Information

Anatomy of an HTML Tag

Getting Started

Activity 1-1: Inspecting a Webpage

TOPIC B: Basic Webpage Elements

The Heading Tag

Paragraph and Break Tags

Basic Text Formatting Tags

Activity 1-2: Using HTML to Add Basic Elements

TOPIC C: Creating Lists

Ordered Lists

Unordered Lists

List Items

Activity 1-3: Creating an HTML List


Review Questions

Lesson 2: Doing More with HTML

TOPIC A: Images in HTML

The Image Tag

Defining an Image Source

Defining Alternative Text for the Image

Image Sizing

Activity 2-1: Adding an Image in HTML

TOPIC B: Links in HTML

Linking to Another Webpage

Internal Links

Activity 2-2: Adding a link

TOPIC C: Tables in HTML

Breakdown of a Table in HTML

Table Header Row

Table Data Rows

Activity 2-3: Creating an HTML Table


Review Questions

Lesson 3: Getting Started with CSS

TOPIC A: Basics of CSS

CSS: Cascading Style Sheets

The <style> Tag

CSS Typography and Hierarchy

Activity 3-1: Creating a Styling Area Using the <style> Tag


Changing the Color of a Webpage Element

Color Names in CSS

RGB Color System

Hexadecimal Color System

Background Color

Activity 3-2: Adding CSS Colors in a Variety of Ways

TOPIC C: Using Additional CSS Identifiers

Using ID Names in CSS

Using Class Names in CSS

Activity 3-3: Using an ID Name for Styling


Review Questions

Lesson 4: Styling Text with CSS

TOPIC A: Font Families

What is a Font?

Using the Font-Family Property

Serif vs Sans-serif

Font Names

Additional Font Types

Font Backups

Activity 4-1: Changing the Font Family in CSS

TOPIC B: Font Size

The Font-Size Property



Activity 4-2: Changing the Font Size of Text

TOPIC C: More CSS Text Properties

The Font-Style Property

The Font-Weight Property

The Line-Height Property

The Text-Align Property

Activity 4-3: Customizing Text Using Additional Properties

TOPIC D: Font Shorthand

CSS Shorthand

CSS Shorthand for Fonts

Activity 4-3: Using the CSS Font Shorthand in Practice


Review Questions

Lesson 5: Extended Styling Techniques using HTML and CSS

TOPIC A: Grouping Elements

What is a Grouping Element?

Inline vs Block Formatting

Activity 5-1: Using the <span> and <div> Tags to Group Webpage Elements

TOPIC B: Div Dimensions

Adjusting the Width of a Div

Adjusting the Height of a Div


Activity 5-2: Adjusting the Style of a Div Block

TOPIC C: The CSS Box Model

The CSS Box Model

CSS Margins

CSS Borders

CSS Padding

Activity 5-3: Adjusting the Style of a Div Block


Review Questions

Lesson Labs

Lesson 1

Lesson Lab 1-1

Lesson 2

Lesson Lab 2-1

Lesson 3

Lesson Lab 3-1

Lesson 4

Lesson Lab 4-1

Lesson 5

Lesson Lab 5-1

Course Wrap-Up

Post-Course Assessment

Course Summary



What you get+

Instructor Guide

Velsoft Instructor Guides are the core of each training course. Our Instructor Guides lay out the training in simple, easy-to-follow instructions. You can also customize the Instructor Guides in order to personalize your training.

Student Manual

Each Instructor Guide - for each course - is paired with a Student Manual that you can present to your participants. This customizable Student Manual gives each participant the student version of the course you will be teaching.

Exercise Workbook

Whether or not you choose to introduce exercises into your training is up to you as the facilitator. In case you want to do this Velsoft offers you an Exercise Workbook (also customizable) that is specific to the course you are offering.

Sample Files

Each Velsoft courseware title comes with a Lab Workbook loaded with activities and exercises to practice and reinforce the learners' understanding of the course objectives. Pre-made Sample Exercise Files are provided for use with the Lab Workbook so that you, as the trainer, do not have to prepare activity working files.

Powerpoint Deck

Courseware from Velsoft is designed to give you everything you need for use in the classroom or workshop. This includes the PowerPoint versions of all the courses, prepared for you in advanced.

Quick Reference Guide

Quick Reference Guides are a favorite tool for trainers to provide to their learners. Each Quest Reference Guide summarizes the most important elements in each courseware title down to two pages.

The best courseware in the world has Velsoft on the cover.

Our goal is to improve the daily life of those who train the world.

Velsoft empowers training providers with course material and educational technologies that get results.

Introduction to HTML and CSS Coding


Instant download access
Buy Now
Fully customizable

Easily make any changes to the material you like. Simply open in MS Word or Google Docs and localize the content to meet your training needs.

Unlimited reprinting

Print only what you need, when you need it. Print as many copies at your location as you like - forever. This includes editing and printing.

Unlimited users

Train as many people at your location as you like - forever. There is no per-user pricing or limit on the number of people that can be trained.

No annual renewal fees

This course comes with a perpetual license which means once you purchase it you never have to pay anything ever again.



Courseware you can customize.


View an eLearning Course


Download a SCORM sample to try in your LMS


View an eLearning Course


Available as an eLearning Course



eLearning you can customize.



Courseware you can customize.


Safe & Inclusive Workplace

By Velsoft


Seeing Double

August Only



Courseware you can customize.