HTML

HTML Cheatsheet

Common HTML elements and attributes - semantic structure, forms, and media.

Semantic structure

<header>

Introductory content or navigation

<nav>

Navigation links

<main>

The page's primary content

<section>

A thematic grouping of content

<article>

Self-contained, reusable content

<footer>

Footer content

Forms

<input type="text">

Single-line text input

<input type="email">

Email input with built-in validation

<textarea>

Multi-line text input

<select><option>

Dropdown selection

<label for="id">

Label linked to an input by ID

required

Attribute making a field mandatory

Media & links

<img src="" alt="">

Image (alt is required for accessibility)

<a href="" target="_blank">

Link opening in a new tab

<video controls>

Video with playback controls

<picture>

Responsive image with multiple sources

Common attributes

class=""

CSS class(es)

id=""

Unique element identifier

data-*=""

Custom data attribute

aria-label=""

Accessible label for screen readers