Typography samples

This page contains common HTML elements to preview the site's typography:strong text, emphasized text,highlighted text, small print,removed text, and inserted text.

Headings and paragraphs

A paragraph can contain a link to this section, an abbreviation such as HTML, and a date like January 1, 2025.

Level four heading

Readable text benefits from comfortable line length and clear hierarchy.

Level five heading

Use headings to describe the structure of each section.

Level six heading

The smallest heading level is useful for deeply nested content.

Quotation and source

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

A short quotation can appear inline: semantic HTML makes content clearer.

Excerpt from the Web Content Accessibility Guidelines

Accessibility is essential for people with diverse abilities and ensures that web content is usable by everyone.

Excerpt from the Gettysburg Address

That government of the people, by the people, for the people, shall not perish from the earth.

Citation example

The design principle was summarized in Designing for Web Accessibility by the W3C, which explains how inclusive interfaces benefit everyone.

Lists

• Unordered list item
• Another item with inline code
• Final item

1. First ordered item
2. Second ordered item
3. Third ordered item

Semantic HTML

Elements that describe the meaning and structure of their content.

Accessibility

Designing content so it can be used by as many people as possible.

Code and preformatted text

const greeting = "Hello, web";
console.log(greeting);

Table

Form controls