HTML & CSS Cheatsheet

[favorite_button]

Creator(s) (alphabetical)

Nina Lyons

Organisation(s)

Technological University Dublin

Discipline(s)

Arts and Humanities, Information and Communication Technologies

Topic(s)

Accessibility and Inclusion

License

CC 0

Media Format

Website

Date Submitted

Submitted by

Export Resource Data

Description

The HTML & CSS Cheat Sheet is a quick-reference site designed to support first-year web development students. It gathers together all the key terminology and concepts introduced during the semester, making it easier to revise and apply them when building websites.

Benefit of this resource and how to make the best use of it

Purpose
— Acts as a glossary of terms for HTML and CSS, from basic tags and attributes to selectors and declarations.
— Provides structured guidance on setting up and organising a website.
— Helps students revisit essential building blocks like the HTML skeleton and CSS layout systems without needing to dig through lecture slides.

How to Use It
— As a revision tool: Check definitions and examples when working on assignments.
— As a design starter: Use the HTML Skeleton and layout guides when setting up new projects.
— As a confidence booster: Clarify any terms that feel fuzzy before class tests or projects.

Essentially, the Cheatsheet functions as a student-friendly, visual index of core HTML/CSS knowledge — bridging lecture content and hands-on coding.

Creative Commons Zero (CC0)

This work has been dedicated to the public domain under a CC0 license, allowing unrestricted use, distribution, and adaptation without attribution.

https://creativecommons.org/publicdomain/zero/1.0/
? This citation is automatically generated and may require adjustment. Always verify it against your style guide.
Lyons, N. (10/10/2020). Html & css cheatsheet. National Resource Hub (Ireland). Retrieved from: https://hub.teachingandlearning.ie/resource/html-css-cheatsheet/ License: Creative Commons Zero (CC0).

Adapting this resource? Share your version!

If you have modified or adopted this resource, share your version here. Tracking adaptations helps us measure impact and connects others with useful updates.

Related OER

What does success look like as a student?

In this short film, students in higher education across Ireland reflect on confidence, perseverance, first-time experiences, learning, and the small moments that can make a big difference.

The student voices featured here were gathered through the HEA Student Success Survey and Focus Groups in 2025 and are shared in their own words.

The animations are creative interpretations of those reflections, imagined and produced by second-year Animation students at Dún Laoghaire Institute of Art, Design and Technology (IADT).

From communicating in a second language to returning to education as a mature student, overcoming anxiety, and simply choosing not to quit, these stories explore the many ways success can be experienced.

Even small moments in college can be a success. What are yours?

Credits
Animation, Backgrounds & Compositing — Arantxa Vara
Animation & Backgrounds — Giada Randolfi
Animation — Zach Louis Ng Nocum
Animation & Backgrounds — Alex
Music composition & production — Darragh Winters

Special thanks
Karima Dillon
Eimhin Mc Namara
Rebecca Roper
The students who shared their experiences