HTML and CSS Workshop

Through this workshop, participants will be introduced to two basic languages used in web development and design: HTML and CSS.

HTML is a markup language for the web. It's used to designate elements in documents, such as paragraphs, images, headings, and links, so that they can be rendered by programs such as browsers. HTML stands for Hypertext Markup Language.

CSS is a language for describing style in markup languages, and is usually used in conjunction with HTML. CSS is essentially a set of rules that can then be applied when rendering a HTML document. CSS stands for Cascading Style Sheets, which refers to the fact that there is an order of precedence in how CSS rules are applied to a document.

Learning HTML and CSS is the first step in 'getting under the hood' of the internet.. In addition to having a better understanding of these two languages, participants will leave with a demystified understanding of how websites are constructed and operate.

Table of Contents

Getting Started

Introduction to HTML and CSS Installing a Text Editor

HTML Basics

Opening Activity Basic template
Tags and elements
Paragraphs and headings
Links
Images General Conventions Activity: Creating a Website

CSS Basics

CSS Basics HTML/CSS Integration Rule sets
Filtering
Classes and ids
Useful selectors Activity: Creating a CSS Stylesheet

Looking Ahead

Additional Resources