Next>>>

Introduction to HTML and CSS

HTML (Hypertext Markup Language) is a markup language used to create and organize the content of a website. CSS (Cascading Style Sheets) is language used for design and layout. Together, these languages form the foundation of what one needs to know to create well-organized websites that are also easy on the eyes.

By the end of this workshop, participants will:

• Understand the basics of the HTML and CSS markdown languages
• Understand the anatomy of a webpage and how the Internet works
• Use HTML and CSS and a basic text editor to begin building a website

Tech Needs:

For this workshop, participants will need:

• A text editor such as VS Code.
• An internet browser such as Firefox.

Get Started>>>

Table of Contents

Introduction

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
Troubleshooting

Recap & Looking Ahead

Summary
Making your Website Public
Resources

Get Started>>>