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.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
images
sections
.gitignore
LICENSE
README.md
_config.yml

README.md

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

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

CSS Basics

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

Resources

Workshop Summary
Making your Website Public
Resources


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 https://github.com/DHRI-Curriculum. 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.