Skip to content
Session on HTML and CSS, markup languages used for creating websites.
Branch: master
Clone or download
Pull request Compare This branch is 32 commits ahead, 3 commits behind DHRI-Curriculum:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

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 a language used for design and layout. Together, these languages form the foundation of what one needs to know to create websites that are useful and well-designed.

By the end of this workshop, participants will:

  • Familiarize themselves with the anatomy of a webpage and how the Internet works.
  • Understand the basics of the HTML and CSS markup languages.
  • Use HTML, CSS, and a text editor to build a small website.

Get Started >>>

HTML Basics

Opening Activity
Basic Template for HTML
Tags and Elements
Paragraphs and Headings
Challenge: Create an Institute Website

CSS Basics

CSS Basics
Integrating CSS and HTML
Rule Sets
Classes and IDs
Useful properties
Challenge: Styling Your Institute Website with CSS


Workshop Summary
Making your Website Public

Session Leader for DHRI South Bend (May 2019): Amy Cavender
Based on previous work by Kristen Hackett, Patrick Sweeney, and Patrick Smyth

Creative Commons License

Digital Research Institute (DRI) Curriculum by Graduate Center Digital Initiatives is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. Based on a work at When sharing this material or derivative works, preserve this paragraph, changing only the title of the derivative work, or provide comparable attribution.

You can’t perform that action at this time.