The snippet library.
Small, practical examples. Search by task or narrow things down below.
Label a data table
Use a caption and scoped headers for an HTML data table.
HTML✓ Tested
Let a user choose a yes or no value
HTML: Learn how to let a user choose a yes or no value in a complete browser example.
HTML✓ Tested
Limit a numeric input to an inclusive range
HTML: Number inputs expose range validation separately from the entered text.
HTML✓ Tested
Limit typed text to a maximum length
HTML: Maxlength limits ordinary user editing without replacing server-side validation.
HTML✓ Tested
Link a document’s alternate language version
HTML: Use hreflang on an alternate link to declare the language of another page.
HTML✓ Tested
Link to a page section
Use a fragment link to target an HTML section on the same page.
HTML✓ Tested
Link to a section on the same page
HTML: Learn how to link to a section on the same page in a complete browser example.
HTML✓ Tested
Make an unavailable select option unselectable
HTML: A disabled option remains visible but cannot be selected through normal keyboard navigation.
HTML✓ Tested
Mark a longer quotation and its source
HTML: Blockquote marks quoted content; a visible source link remains useful because cite is metadata.
HTML✓ Tested
Mark a self-contained article
HTML: Article identifies a standalone composition that can be read independently.
HTML✓ Tested
Mark a short quotation within a sentence
HTML: The q element identifies an inline quotation and allows native quotation marks.
HTML✓ Tested
Mark emphasis and importance
HTML: Learn how to mark emphasis and importance in a complete browser example.
HTML✓ Tested