Resource

HTML & CSS Cheatsheet

Accessibility and Inclusion

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.

People, communities and initiatives

Contributors

Nina Lyons

Communities

Initiatives

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/

Access this resource

Links open in a new tab.

Additional files

Ancillary, supplementary or associated files…

Additional resource information

Resource details

Media format

Licence

Resource created

20201010

Persistent identifier

File attachments

Share this resource

Report an issue

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.